Recommended media dimensions
Many creatives support the ability to display media, such as images, animated looped images, or videos.
- For images, save the image either in PNG or JPEG format.
- For animated looped images, save the file either in WebP or GIF format.
- For videos, save the file either in MP4 or MOV format.
tip
- For images, use JPEG format to reduce page loading times without a noticeable loss in image quality. If you are using Adobe Photoshop, use the File > Export As option to minimize the file size.
- For animated looped images, use WebP format with a low frames per second (FPS) rate to reduce page loading times.
The following table provides the recommended media dimensions for each creative:
| Creative name | Large screen dimensions (desktops and laptops) | Small screen dimensions (tablets and mobile phones) |
|---|---|---|
| Promotional banner: full-width image | 4368x1222 pixels | 2732x1036 pixels |
| Promotional banner: half-width image | 2000x2000 pixels | 2000x2000 pixels |
| Primary banner carousel: Image only or Text over image | 3200x566 pixels WebP or GIF length: 5 seconds or less | 1125x450 pixels WebP or GIF length: 5 seconds or less |
| Primary banner carousel: Image and text, Default | 1408x566 pixels WebP or GIF length: 5 seconds or less | 394x450 pixels WebP or GIF length: 5 seconds or less |
| Primary banner carousel: Image and text, 60% image / 40% text | 1920x566 pixels WebP or GIF length: 5 seconds or less | 675x450 pixels WebP or GIF length: 5 seconds or less |
| Primary banner carousel: Image and text, 50% image / 50% text | 1600x566 pixels WebP or GIF length: 5 seconds or less | 563x450 pixels WebP or GIF length: 5 seconds or less |
| Primary banner carousel: Image and text, 40% image / 60% text | 1280x566 pixels WebP or GIF length: 5 seconds or less | 450x450 pixels WebP or GIF length: 5 seconds or less |
| Primary split banner carousel: Image only or Text over image | 1600x566 pixels WebP or GIF length: 5 seconds or less | 540x450 pixels WebP or GIF length: 5 seconds or less |
| Primary split banner carousel: Image and text, Default | 704x566 pixels WebP or GIF length: 5 seconds or less | 189x450 pixels WebP or GIF length: 5 seconds or less |
| Primary split banner carousel: Image and text, 60% image / 40% text | 960x566 pixels WebP or GIF length: 5 seconds or less | 324x450 pixels WebP or GIF length: 5 seconds or less |
| Primary split banner carousel: Image and text, 50% image / 50% text | 800x566 pixels WebP or GIF length: 5 seconds or less | 270x450 pixels WebP or GIF length: 5 seconds or less |
| Primary split banner carousel: Image and text, 40% image / 60% text | 640x566 pixels WebP or GIF length: 5 seconds or less | 216x450 pixels WebP or GIF length: 5 seconds or less |
| Secondary banner carousel: Image only or Text over image | 3200x400 pixels WebP or GIF length: 5 seconds or less | 1600x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary banner carousel: Image and text, Default | 1408x400 pixels WebP or GIF length: 5 seconds or less | 560x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary banner carousel: Image and text, 60% image / 40% text | 1920x400 pixels WebP or GIF length: 5 seconds or less | 960x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary banner carousel: Image and text, 50% image / 50% text | 1600x400 pixels WebP or GIF length: 5 seconds or less | 800x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary banner carousel: Image and text, 40% image / 60% text | 1280x400 pixels WebP or GIF length: 5 seconds or less | 640x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary split banner carousel: Image only or Text over image | 1600x400 pixels WebP or GIF length: 5 seconds or less | 1600x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary split banner carousel: Image and text, Default | 1408x400 pixels WebP or GIF length: 5 seconds or less | 1408x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary split banner carousel: Image and text, 60% image / 40% text | 1920x400 pixels WebP or GIF length: 5 seconds or less | 1920x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary split banner carousel: Image and text, 50% image / 50% text | 1600x400 pixels WebP or GIF length: 5 seconds or less | 1600x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary split banner carousel: Image and text, 40% image / 60% text | 1280x400 pixels WebP or GIF length: 5 seconds or less | 1280x400 pixels WebP or GIF length: 5 seconds or less |
| Slim banner: single banner | 192x385 pixels | 120x240 pixels |
| Image tile carousel: single image tile | 80x80 pixels | 80x80 pixels |
| Horizontal content card: single card | Ratio options:
| Ratio options:
|
| Vertical content card: single card | Ratio: 16:9 1600x900 pixels | Ratio: 16:9 800x450 pixels |
| Announcement banner icon Note: Supports SVG format | 360x144 pixels Images render on the storefront at 120x48 pixels, but to preserve image quality on higher resolution devices, create images with 360x144 pixel dimensions. | 216x84 pixels Images render on the storefront at 72x28 pixels, but to preserve image quality on higher resolution devices, create images with 216x84 pixel dimensions. |
| Featured collection carousel | 1600x900 pixels WebP or GIF length: 5 seconds or less Video dimensions:
| 1600x900 pixels WebP or GIF length: 5 seconds or less Video dimensions:
|
| Recipe collection carousel (Beta) | 1600x900 pixels WebP or GIF length: 5 seconds or less Video dimensions:
| 1600x900 pixels WebP or GIF length: 5 seconds or less Video dimensions:
|