Maximum dimensions for media in Engage '09 interactions

Article Last Updated

This article applies to:

The following list describes the optimal sizes for images and videos that you import into Engage interactions:

  • Process
    If you have no text in the step, then the maximum size is 620 px width x 310 px height.  See an example!
  • Labeled Graphic
    690 px width x 470 px height.  See an example!
  • Tabs 10%
    With the tabs at a minimum size of 10%, then the maximum image size is 553 px width x 380 px height.  See an example!
  • Tabs 30% (default)
    With the tabs at the regular size of 30%, then the maximum image size is 425 px width x 380 px height.  See an example!
  • Circle Diagram
    Using a maximum-size image in this interaction type is not perhaps the best idea. Officially, it is 250 px width by 330 px height. In practice, 310 px height is better.  See an example!
  • Timeline
    620 px width x 310 px height.  See an example!
  • Media Tour
    688 px width x 468 px height (without captions or video playbar).  See an example!
    (If you include a playbar but do not include a caption, see also Multimedia > Video playbar is missing in Media Tour.)
  • FAQ
    617 px width x 310 px height (with or without the optional search fields).  See an example!
  • Pyramid Diagram
    Officially, a maximum size of 250 px width x 320 px height, but in practice, a height of 305 px maximum is better.  See an example!
  • Guided Image
    This interaction is slightly different from the others in that it automatically resizes the image and you can alter the amount of space the image takes.  The maximum amount is 85%. With the standard setting at 75%, the ideal image size (to avoid resizing or scaling) is 434 px width x 295 px height.  With the increased setting of 85%, your image may be 490 px width x 335 px height.  See an example!
  • Glossary
    493 px width x 330 px height (with glossary items set to a minimum width).  See an example!
  • Flipbook
    300 px width x 370 px height.
  • Flashcards
    430 px width x 290 px height.
  • Stairstep
    270 px width x 180 px height.