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 |
| Single primary banner carousel | 3200x566 pixels WebP or GIF length: 5 seconds or less | 1125x450 pixels WebP or GIF length: 5 seconds or less |
| Single primary banner carousel with color background | 1408x400 pixels WebP or GIF length: 5 seconds or less | 560x400 pixels WebP or GIF length: 5 seconds or less |
| Split primary banner carousel | 1600x566 pixels WebP or GIF length: 5 seconds or less | 540x450 pixels WebP or GIF length: 5 seconds or less |
| Split primary banner carousel with color background | 704x566 pixels WebP or GIF length: 5 seconds or less | 189x450 pixels WebP or GIF length: 5 seconds or less |
| Secondary single banner carousel | 3200x400 pixels WebP or GIF length: 5 seconds or less | 1600x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary single banner carousel with color background | 1408x400 pixels WebP or GIF length: 5 seconds or less | 560x400 pixels WebP or GIF length: 5 seconds or less |
| Secondary split banner carousel | The small screen images are used for both large screen and small screen devices. WebP or GIF length: 5 seconds or less | 1600x400 pixels WebP or GIF length: 5 seconds or less |
| Slim banner: single image tile | 192x385 pixels | 120x240 pixels |
| Image tile carousel: single image tile | 80x80 pixels | 80x80 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:
|