Shopify product photos cut off? Fix the crop before resizing

Locate the crop: file, product page or card

Open the uploaded image itself, the product detail page and the collection card. Record where the cap, sleeve or edge disappears. If it is already missing in the original, no theme setting can recover it; use a wider original or reshoot. If only the card cuts it off, investigate that display area.

Test desktop and mobile separately. A setting that looks right in a wide grid may still crop an item on a narrow card. Save screenshots of the same product before you change anything so you can compare like with like.

Understand why resizing alone does not work

A 1200 × 1500 portrait and a 1000 × 1250 portrait both have a 4:5 ratio. Making the first smaller does not turn it into a square. As an illustrative calculation, a centered square crop of the first image removes 300 vertical pixels in total—150 from each end. A cap near the top can disappear.

Shopify's media editor provides cropping and resizing. Keep the ratio locked when resizing; use a deliberate crop when you need a different shape. Never stretch the product to fill the card.

Reference: Shopify Help Center: Media editor ↗

Use the least destructive fix

Duplicate the theme or use its preview before editing the live storefront. Look for the relevant product-card image ratio and fitting settings; labels differ by theme. A setting that shows the whole image may leave empty space, which is often preferable to hiding part of the item.

Shopify supports focal-point behavior in compatible theme contexts, but that does not mean every product card uses it. Try it only where your theme supports it, then confirm the result. Avoid pasting generic CSS from another store without identifying the affected component.

Reference: Shopify Help Center: Theme images and focal points ↗

1. Test a single representative product in a theme preview.
2. Compare whole-image fit with the current crop.
3. If a square file is required, prepare a duplicate with enough margin around the product.
4. Check the collection card, product page and mobile view before publishing the change.

Make a reusable image rule for your catalog

Choose a common ratio for the specific listing surface, then keep essential details away from likely crop edges. You do not need identical product proportions; you need a predictable frame. Test a tall item, a wide item and a bundle before applying the rule to the full catalog.

Shopify's existing editor and theme settings may solve this without an additional paid app, though operating a Shopify store itself is not free. SokuPhoto's size guide can help plan exports; it does not automatically configure your theme or guarantee every card layout.