Browse Articles

Browse Articles

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:

AccordionBulletin BoardChecklist
Circle DiagramConversationFAQ
FoldersGlossaryGuided Image
Image ZoomLabeled GraphicLabeled Panel
Media PanelMedia TourProcess
PyramidQuick ChoiceTabbed Image
TabsTimeline 

Accordion

The maximum dimensions in an Accordion interaction depend on the number of panels (up to eight) and where the media is placed.

 Left/RightTop/Bottom
1 Panel502 x 367577 x 309
2 Panels462 x 367537 x 309
3 Panels422 x 367497 x 309
4 Panels382 x 367457 x 309
5 Panels342 x 367417 x 309
6 Panels302 x 367377 x 309
7 Panels262 x 367337 x 309
8 Panels222 x 367297 x 309

To learn more about the Accordion interaction, see this tutorial.

Top

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.

Top

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.

Top

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.

Top

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.

Top

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.

Top

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.

Top

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/RightTop/Bottom
20% Width387 x 283462 x 225
40% Width (default)257 x 283332 x 225
60% Width126 x 283201 x 225

To learn more about the Glossary interaction, see this tutorial.

Top

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/RightTop/Bottom
30%182 x 390637 x 109
75% (default)454 x 390637 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/RightBase Image—Top/Bottom
30%
  • Label—left/right: 348 x 390
  • Label—top/bottom: 423 x 332
  • Label—left/right: 562 x 249
  • Label—top/bottom: 637 x 191
75% (default)
  • Label—left/right: 76 x 390
  • Label—top/bottom: 151 x 332
  • Label—left/right: 562 x 84
  • Label—top/bottom: 637 x 26

To learn more about the Guided Image interaction, see this tutorial.

Top

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.

Top

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.

Top

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/RightTop/Bottom
30%182 x 390637 x 109
75% (default)454 x 390637 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/RightBase Image—Top/Bottom
30%
  • Label—left/right: 348 x 390
  • Label—top/bottom: 423 x 332
  • Label—left/right: 562 x 249
  • Label—top/bottom: 637 x 191
75% (default)
  • Label—left/right: 76 x 390
  • Label—top/bottom: 151 x 332
  • Label—left/right: 562 x 84
  • Label—top/bottom: 637 x 26

To learn more about the Labeled Panel interaction, see this tutorial.

Top

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.

Top

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.

Top

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.

Top

Pyramid

The maximum dimensions in a Pyrmaid interaction are 218 x 308.

To learn more about the Pyramid interaction, see this tutorial.

Top

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/RightTop/Bottom
1 Choice585 x 293660 x 235
2 Choices585 x 293660 x 235
3 Choices585 x 236660 x 178
4 Choices585 x 176660 x 118
5 Choices585 x 116660 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/RightQuestion Media—Top/Bottom
1 Choice
  • Choice—left/right: 500 x 63
  • Choice—top/bottom: 575 x 5
  • Choice—left/right: 500 x 82
  • Choice—top/bottom: 547 x 24
2 Choices
  • Choice—left/right: 500 x 63
  • Choice—top/bottom: 575 x 5
  • Choice—left/right: 500 x 82
  • Choice—top/bottom: 547 x 24
3 Choices
  • Choice—left/right: 500 x 120
  • Choice—top/bottom: 575 x 62
  • Choice—left/right: 500 x 139
  • Choice—top/bottom: 547 x 81
4 Choices
  • Choice—left/right: 500 x 180
  • Choice—top/bottom: 575 x 122
  • Choice—left/right: 500 x 199
  • Choice—top/bottom: 547 x 141
5 Choices
  • Choice—left/right: 500 x 240
  • Choice—top/bottom: 575 x 182
  • Choice—left/right: 500 x 240
  • Choice—top/bottom: 547 x 182

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.

Top

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/RightTop/Bottom
30%197 x 438656 x 107
50% (default)328 x 438656 x 179
75%492 x 438656 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/RightBase Image—Top/Bottom
30%
  • Label—left/right: 340 x 290
  • Label—top/bottom: 415 x 232
  • Label—left/right: 553 x 197
  • Label—top/bottom: 628 x 139
50% (default)
  • Label—left/right: 209 x 290
  • Label—top/bottom: 284 x 232
  • Label—left/right: 553 x 125
  • Label—top/bottom: 628 x 627
75%
  • Label—left/right: 45 x 290
  • Label—top/bottom: 120 x 232
  • Label—left/right: 553 x 36
  • Label—top/bottom: 628 x 2

To learn more about the Tabbed Image interaction, see this tutorial.

Top

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/RightTop/Bottom
10% Width483 x 361558 x 303
30% Width (default)352 x 361427 x 303
70% Width89 x 361164 x 303

To learn more about the Tabs interaction, see this tutorial.

Top

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.

Top