Privy allows you to upload creative assets for use in your campaigns and emails. Here are a few recommendations you can follow for the best results.
File types, sizes, and names
Supported File Types | Maximum File Size | File Naming Requirements |
.png, .jpeg, and .gif | 5 MB | Letters and Numbers. No special characters. (e.g. # @ &) |
Onsite recommendations
Popup images
- The popup designer offers a full drag, drop, and resize interface, so a wide range of ratios and sizes are supported. However, the maximum size of the popup itself is 1200px by 1200px.
- The popup designer supports using an image as the background for your popup. The background image is not stretched to fit the size of the popup. Try to use an image that matches the desired dimensions of your popup when possible.
- Popups can be configured to fill the entire screen instead of a predefined section. The image used for this full-screen background is not stretched to fit the size of the screen. Instead, the image displays at its full size and will need to be tiled if it is too small to fill the entire screen. If you wish to tile your background image, make sure the edges tile properly. Try some of these free tiled patterns.
Flyout images (mobile-friendly)
- The flyout designer offers a full drag, drop, and resize interface, so a wide range of ratios and sizes are supported. However, the entire flyout should be between 500px by 500px.
- One of the flyouts templates offered in the template library is a good place to start.
Banner images
- A single image can be included.
- Any aspect ratio is supported; however, an image close to 1:1 (square) is recommended.
- Depending on the shopper's screen size, the image will be allowed to stretch up to 230px wide. The height of the image will adjust automatically to maintain the aspect ratio of the stretched width. A photo at least 460 pixels wide is recommended for retina display compatibility.
- Images with transparency will display on a black background.
Bar images
- Images are not currently supported in displays using the bar design.
Spin to win images
- The spin-to-win designer offers an interface to reorder and resize certain elements of the display, so a wide range of ratios and sizes are supported. However, the maximum width of an included image is 999px.
Embedded form images
- Images are not currently supported in displays using the bar design.
Landing page images
- The landing page designer offers an interface to reorder and resize certain elements of the display, so a wide range of ratios and sizes are supported. However, the maximum width of an included image is 999px.
- For optimal performance, it's recommended that the landing page include a max of 3 images—for example, your business logo, a campaign image, and a background image.
- The landing page designer supports using a full-screen background. The background image is not stretched to fit the size of the screen. Instead, the image displays at its full size and will need to be tiled if it is too small to fill the entire screen. If you wish to tile your background image, make sure the edges tile properly. Try some of these free tiled patterns.
Email recommendations
Privy's email templates are 600px wide by default, so the following recommendations are made with that width in mind. If you decided to choose a width that differs from 600px, please take extra care during testing to ensure the email aligns with your desired design.
Note: These are general guidelines. The recommendations provide room for a relatively generous margin around the image so as to provide a clear separation between each piece of content. This spacing may not be required or desired in all designs. The email builder allows image widths, padding, and alignment to change.
Image sizes
Image size recommendations vary based on the number of columns in your email template. No more than four images in a row are recommended.
Number of Columns | Recommended Image Width |
Full-width section | 564px |
2 column sections | 264px |
3 column sections | 164px |
4 column sections | 123px |
Image sizing can also vary depending on the ratio of the content in your columns.
Content Layout | Visual Example | Recommended Image Width |
Left or right-aligned image with 1/3 caption | ![]() |
352px |
Left or right-aligned image with a 1/2 caption | ![]() |
264px |
Left or right-aligned image with 2/3 caption | ![]() |
176px |
Two images with small captions | ![]() |
176px |
Two images with large captions | ![]() |
88px |