Shopify Product Images: Aspect Ratios, Alt Text, and the Consistency Rule

On Shopify, you are not playing by a marketplace's image rules — you are setting your own. There is no Amazon-style pure-white mandate and no Etsy-style handmade aesthetic to satisfy. What there is, instead, is a different and quieter discipline: every image choice you make becomes your brand, because the collection grid, the product page, and the social share card are all built from the same files. The Shopify stores that convert are the ones that treat image consistency as infrastructure, not decoration.

These are the image decisions that actually affect how a Shopify store performs in 2026.

Pick one aspect ratio and hold the whole catalog to it

This is the single highest-leverage decision, and most new stores get it wrong. Shopify themes display product images in a grid on collection pages, and mixed aspect ratios break the grid — one portrait, one square, one landscape produces a ragged, unprofessional layout that reads as amateur.

• Check your theme's recommended ratio. Dawn (Shopify's default) and most modern themes default to a 4:5 portrait or 1:1 square.
• Choose one ratio — square, 4:5 portrait, or 3:4 — and crop every product image to it.
• Apply it across the entire catalog, including new products added later.

A uniform grid is the visual signal that a store is a real brand. Mixed ratios are the signal that it isn't.

Resolution: 2048 px, every time

Shopify recommends 2048 × 2048 px for product images. That gives the theme enough resolution for a clean full-page display and a crisp zoom without bloating the page. The practical floor is about 800 px for acceptable display, but anything under 2048 px sacrifices zoom quality on the products where buyers inspect detail.

Crop to your chosen aspect ratio first, then export at 2048 px on the longest side. Shopify generates the smaller display variants automatically — you only upload the master.

Alt text: the SEO and accessibility field most stores leave empty

Every Shopify image has an alt-text field, and filling it in is the single most under-used free SEO lever on the platform. Alt text does two jobs:

1. Accessibility — screen readers use it to describe the image to visually impaired buyers.
2. SEO — Google indexes alt text, and product-image alt text is one of the few places you can naturally include long-tail keywords.

Write alt text that describes the specific product in the image — "handmade ceramic mug in matte sage green on a wooden table" — rather than keyword-stuffing or leaving the field as the default filename. Describe what is actually in the frame, include the product name and a relevant descriptor, and stop. Shopify lets you set alt text per image in the file editor.

File size and LCP (Core Web Vitals)

Shopify lazy-loads below-the-fold images and serves responsive variants, but the first product image on a page is often the Largest Contentful Paint element — the metric Google uses as a speed signal and that shoppers experience as "how fast the page felt." Two rules keep it fast:

• Compress before upload. Aim for product images under 500 KB, and ideally under 250 KB, without visible quality loss. Shopify recompresses, but starting with a lean file helps.
• Use the right format. JPEG for photographs, PNG only when you need transparency. Shopify serves WebP to browsers that support it.

A giant 5 MB hero will drag the whole product page's LCP down and hurt both rankings and conversion.

The first image is doing three jobs

On Shopify, the first image you set for a product is overloaded:

• It is the collection-grid thumbnail.
• It is the product-page hero.
• It is the Open Graph image used when the product link is shared on social media or in messages.

Pick the first image accordingly: clean, high-contrast, product-forward, and composed to work at both a small grid tile and a full-page hero. Move secondary angles, lifestyle, and detail shots into the slots that follow.

Variant images

If a product comes in multiple colors or materials, attach a specific image to each variant in Shopify's variant editor. When a buyer selects "navy," the gallery should swap to the navy image — not stay on the default. Variant-linked images reduce returns ("I thought I was ordering the blue one") and lift conversion by showing the buyer exactly what they're getting.

Consistency across the catalog

Beyond aspect ratio, a Shopify catalog reads as a brand when these stay constant across every product:

• Lighting — same quality and direction.
• Background — the same scene family (all on white, all on wood, all on marble).
• Angle — a consistent hero angle, so the grid feels like a single shoot.
• Editing — the same white balance and exposure style.

This is where AI product photography earns its keep on Shopify: instead of re-shooting every new product into a consistent set, you capture each new SKU on any plain surface and generate it onto the same scene the rest of the catalog uses. The grid stays uniform even as the catalog grows.

ShotKit does exactly this — one upload per product, rendered onto your chosen consistent backdrop at 2048 px, ready for Shopify, with the hero, lifestyle, and detail variants the product page needs.

Shopify image mistakes that hurt

• Mixed aspect ratios breaking the collection grid.
• Images under 1000 px that go soft on retina displays and can't zoom.
• Empty alt text — leaving SEO and accessibility value on the table.
• Multi-MB hero files wrecking LCP and Core Web Vitals.
• No variant-linked images — selecting "red" still shows the blue photo.
• Inconsistent backgrounds across the catalog — the grid reads as a drop-shipper, not a brand.

Pick one ratio, hit 2048 px, write real alt text, keep the file lean, and hold the whole catalog to one consistent scene. That is ninety percent of Shopify image optimization — and the part that compounds as the store grows.