Image And Video Requirements
Use strong source media before final review. Fit Check can crop and scale media responsively, but the best results start with consistent aspect ratios and clear subject placement.
Recommended Image Sizes
| Context | Recommended size | Notes |
|---|---|---|
| Product gallery | 1200 x 1500px | Use consistent product aspect ratios where possible. |
| Product card | 800 x 1000px | Used in collection grids, search results, recommendations, and quick add. |
| Variant swatch | 100 x 100px | Square images work best for color or pattern swatches. |
| Hero desktop | 1920 x 1080px | Use wide media with clear safe space for text. |
| Hero mobile | 750 x 1334px | Use portrait media when mobile composition matters. |
| Product-link media | 1200px wide or larger | Keep key products away from edges, text overlays, and controls. |
| Blog featured image | 1200 x 675px | Works well for article cards and article headers. |
| Logo | 400 x 100px maximum | SVG is preferred when available. |
| Favicon | 32 x 32px | Use a simple square icon. |
Video Notes
- Use Shopify-hosted video where the section or block expects Shopify video media.
- Keep product-link cards clear of video controls.
- Review autoplay, mute, loop, and controls settings on mobile.
- Use a strong poster image or first frame when the video may load after surrounding content.