The following list describes the optimal sizes for images and videos that you import into Engage interactions:
If you have no text in the step, then the maximum size is 620 px width x 310 px height. See an example!
690 px width x 470 px height. See an example!
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!
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!
620 px width x 310 px height. See an example!
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.)
617 px width x 310 px height (with or without the optional search fields). See an example!
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!
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!
493 px width x 330 px height (with glossary items set to a minimum width). See an example!
300 px width x 370 px height.
430 px width x 290 px height.
270 px width x 180 px height.