Engage '13: Maximum Dimensions for Media
Article Last Updated
This article applies to:
This article lists the maximum dimensions (in pixels) for media in Articulate Engage '13. Use these dimensions to optimize images and videos for the available space in each interaction and to prevent scaling. (Tip: Larger files will still work. Engage will just scale them down to fit within your interaction.)
Click an interaction type to jump to that section:
Accordion | Bulletin Board | Checklist |
Circle Diagram | Conversation | FAQ |
Folders | Glossary | Guided Image |
Image Zoom | Labeled Graphic | Labeled Panel |
Media Panel | Media Tour | Process |
Pyramid | Quick Choice | Tabbed Image |
Tabs | Timeline |
Accordion
The maximum dimensions in an Accordion interaction depend on the number of panels (up to eight) and where the media is placed.
Left/Right | Top/Bottom | |
1 Panel | 502 x 367 | 577 x 309 |
2 Panels | 462 x 367 | 537 x 309 |
3 Panels | 422 x 367 | 497 x 309 |
4 Panels | 382 x 367 | 457 x 309 |
5 Panels | 342 x 367 | 417 x 309 |
6 Panels | 302 x 367 | 377 x 309 |
7 Panels | 262 x 367 | 337 x 309 |
8 Panels | 222 x 367 | 297 x 309 |
To learn more about the Accordion interaction, see this tutorial.
Bulletin Board
When media is positioned on the left or right side of each note, the maximum dimensions are 357 x 279.
When media is positioned on the top or bottom of each note, the maximum dimensions are 432 x 221.
To learn more about the Bulletin Board interaction, see this tutorial.
Checklist
When media is positioned on the left or right side of each item, the maximum dimensions are 197 x 337.
When media is positioned on the top or bottom of each item, the maximum dimensions are 272 x 279.
To learn more about the Checklist interaction, see this tutorial.
Circle Diagram
The maximum dimensions in a Circle Diagram interaction are 218 x 308.
To learn more about the Circle Diagram interaction, see this tutorial.
Conversation
When media is positioned on the left or right side of each step, the maximum dimensions are 406 x 359.
When media is positioned on the top or bottom of each step, the maximum dimensions are 481 x 301.
To learn more about the Conversation interaction, see this tutorial.
FAQ
When media is positioned on the left or right side of each question, the max dimensions are 511 x 1200.
When media is positioned on the top or bottom of each question, the max dimensions are 586 x 1200.
To learn more about the FAQ interaction, see this tutorial.
Folders
When media is positioned on the left or right side of each folder, the maximum dimensions are 400 x 296.
When media is positioned on the top or bottom of each folder, the maximum dimensions are 475 x 238.
To learn more about the Folders interaction, see this tutorial.
Glossary
The maximum dimensions in a Glossary interaction depend on the width of the term list (between 20% and 60% of the overall interaction) and where the media is placed.
Left/Right | Top/Bottom | |
20% Width | 387 x 283 | 462 x 225 |
40% Width (default) | 257 x 283 | 332 x 225 |
60% Width | 126 x 283 | 201 x 225 |
To learn more about the Glossary interaction, see this tutorial.
Guided Image
A Guided Image interaction has a base (background) image and media for each label.
Base image
The base image can take between 30% and 75% of the interaction's overall size. Its maximum dimensions depend on that percentage as well as where it's positioned in the interaction.
Left/Right | Top/Bottom | |
30% | 182 x 390 | 637 x 109 |
75% (default) | 454 x 390 | 637 x 274 |
Label media
The maximum dimensions for images and videos in labels depend on the size of the base image, where the base image is placed, and where the label media is placed.
Base Image—Left/Right | Base Image—Top/Bottom | |
30% |
|
|
75% (default) |
|
|
To learn more about the Guided Image interaction, see this tutorial.
Image Zoom
An Image Zoom interaction has a base (background) image and media for each label.
Base image
The maximum dimensions for the base image are 656 x 436.
Label media
The maximum dimensions for images and videos in labels are 393 x 223.
To learn more about the Image Zoom interaction, see this tutorial.
Labeled Graphic
A Labeled Graphic interaction has a base (background) image and media for each label.
Base image
The maximum dimensions for the base image are 656 x 436.
Label media
The maximum dimensions for images and videos in labels are 430 x 397.
To learn more about the Labeled Graphic interaction, see this tutorial.
Labeled Panel
A Labeled Panel interaction has a base (background) image and media for each label.
Base image
The base image can take between 30% and 75% of the interaction's overall size. Its maximum dimensions depend on that percentage as well as where it's positioned in the interaction.
Left/Right | Top/Bottom | |
30% | 182 x 390 | 637 x 109 |
75% (default) | 454 x 390 | 637 x 274 |
Label media
The maximum dimensions for images and videos in labels depend on the size of the base image, where the base image is placed, and where the label media is placed.
Base Image—Left/Right | Base Image—Top/Bottom | |
30% |
|
|
75% (default) |
|
|
To learn more about the Labeled Panel interaction, see this tutorial.
Media Panel
When media is positioned on the left or right side of each step, the maximum dimensions are 526 x 200.
When media is positioned on the top or bottom of each step, the maximum dimensions are 601 x 142.
To learn more about the Media Panel interaction, see this tutorial.
Media Tour
The maximum dimensions in a Media Tour interaction depend on the size of caption panel, which can be between 60 and 100 pixels high. Or, you can hide the caption panel altogether.
- Caption panel is 60 pixels high (i.e., the default setting): 659 x 382
- Caption panel is 100 pixels high: 659 x 342
- Caption panel is turned off: 659 x 442
To learn more about the Media Tour interaction, see this tutorial.
Process
When media is positioned on the left or right side of each item, the maximum dimensions are 567 x 349.
When media is positioned on the top or bottom of each item, the maximum dimensions are 642 x 291.
To learn more about the Process interaction, see this tutorial.
Pyramid
The maximum dimensions in a Pyrmaid interaction are 218 x 308.
To learn more about the Pyramid interaction, see this tutorial.
Quick Choice
A Quick Choice interaction has a question and up to five answer choices. The question and each answer choice can have its own media.
Question media
The maximum dimensions of the question's image/video depend on where it's positioned and how many answer choices there are.
Left/Right | Top/Bottom | |
1 Choice | 585 x 293 | 660 x 235 |
2 Choices | 585 x 293 | 660 x 235 |
3 Choices | 585 x 236 | 660 x 178 |
4 Choices | 585 x 176 | 660 x 118 |
5 Choices | 585 x 116 | 660 x 58 |
Answer choice media
The maximum dimensions of images and videos in answer choices depend on where they're positioned, how many answer choices there are, and where the question media is positioned.
Question Media—Left/Right | Question Media—Top/Bottom | |
1 Choice |
|
|
2 Choices |
|
|
3 Choices |
|
|
4 Choices |
|
|
5 Choices |
|
|
If the question itself has no media, then the maximum dimensions of answer choice media are the same, regardless of how many choices there are:
- When media is positioned on the left or right side of each choice, the max dimensions are 500 x 240.
- When media is positioned on the top or bottom of each choice, the max dimensions are 575 x 182.
To learn more about the Quick Choice interaction, see this tutorial.
Tabbed Image
A Tabbed Image interaction has a base image and media for each tab.
Base image
The base image can take between 30% and 75% of the interaction's overall size. Its maximum dimensions depend on that percentage as well as where it's positioned in the interaction.
Left/Right | Top/Bottom | |
30% | 197 x 438 | 656 x 107 |
50% (default) | 328 x 438 | 656 x 179 |
75% | 492 x 438 | 656 x 268 |
Tab media
The maximum dimensions for images and videos in tabs depend on the size of the base image, where the base image is placed, and where the tab media is placed.
Base Image—Left/Right | Base Image—Top/Bottom | |
30% |
|
|
50% (default) |
|
|
75% |
|
|
To learn more about the Tabbed Image interaction, see this tutorial.
Tabs
The maximum dimensions in a Tabs interaction depend on the width of the tabs (between 10% and 70% of the overall interaction) and where the media is placed.
Left/Right | Top/Bottom | |
10% Width | 483 x 361 | 558 x 303 |
30% Width (default) | 352 x 361 | 427 x 303 |
70% Width | 89 x 361 | 164 x 303 |
To learn more about the Tabs interaction, see this tutorial.
Timeline
When media is positioned on the left or right side of each event, the maximum dimensions are 533 x 276.
When media is positioned on the top or bottom of each event, the maximum dimensions are 608 x 212.
To learn more about the Timeline interaction, see this tutorial.