StoreFront Image Size Guide
Introduction
UltraCart StoreFront themes are designed with optimal image sizes in mind. While other sizes may work, the recommended dimensions below ensure your storefront looks professional and consistent across devices.
In addition, UltraCart automatically optimizes your images using our content delivery network (CDN). This includes generating modern formats (AVIF and WebP) and responsive variants for different screen sizes. Merchants should focus on uploading a single high-quality starter image—UltraCart will handle the rest.
Theme Image Size Recommendations
The table below lists the optimal sizes for theme images.
Theme | Featured Item | Home Slider | Main Logo | Items |
|---|---|---|---|---|
Coffee | Recommend a PNG 600 x 600 |
|
| Recommend a PNG 600 x 600 or larger |
Craft | Recommend a PNG 600 x 600 | Recommend a PNG 1020 x 680 |
| Recommend a PNG 600 x 600 or larger |
Elements | Recommend a PNG 600 x 600 | Recommend a PNG 1920 x 1080 |
| Recommend a PNG 600 x 600 or larger |
Fashion | Recommend a PNG 600 x 600 | Recommend a PNG 1280 x 590 |
| Recommend a PNG 600 x 600 or larger |
Gridzy | Recommend a PNG 600 x 600 | No Slider on this theme |
| Recommend a PNG 600 x 600 or larger |
Hero | Recommend a PNG 600 x 600 |
|
| Recommend a PNG 600 x 600 or larger |
Jewel | Recommend a PNG 600 x 600 |
|
| Recommend a PNG 600 x 600 or larger |
Lifty | Recommend a PNG 600 x 600 | (Banner) Recommended 1080x720 |
| Recommend a PNG 600 x 600 or larger |
Mr. Teas | Recommend a PNG 600 x 600 | Recommend a PNG 1000 x 563 |
| Recommend a PNG 600 x 600 or larger |
Native | Recommend a PNG 600 x 600 |
|
| Recommend a PNG 600 x 600 or larger |
Natural | Recommend a PNG 600 x 600 | Recommend a PNG 1020 x 680 |
| Recommend a PNG 600 x 600 or larger |
Trial | Recommend a PNG 600 x 600 | No slider on this theme |
| Recommend a PNG 600 x 600 or larger |
Woodland | Recommend a PNG 600 x 600 | Recommend a PNG 1500 x 1000 |
| Recommend a PNG 600 x 600 or larger |
Coffee | Recommend a PNG 600 x 600 | Recommend a PNG 1400x1200 |
| Recommend a PNG 600 x 600 or larger |
Note: For sliders, the focal point should be centered. Expect slight cropping on desktops (top/bottom) and mobile devices (left/right).
Automatic Optimization with the Image CDN
UltraCart’s CDN enhances performance and compatibility by automatically creating:
Modern formats: AVIF and WebP, served when supported by the customer’s browser.
Responsive sizes: StoreFront Visual Builder image elements often support responsive image capabilities. For a single uploaded image, the system may generate up to 30 variants across breakpoints to deliver the optimal size for each device.
Merchants only need to provide a high-quality starting image in the 1–4 MP range. StoreFronts handles the optimization, resizing, and modern format conversion automatically.