PRODUCT ASSETS / EDITING AND PUBLISHING
Why does changing WooCommerce thumbnail crop remove parts of a tall product?
Changing WooCommerce thumbnail crop can remove parts of a tall product because a hard crop trims image edges to fit the target thumbnail ratio; it does not stretch the product. First compare the source ratio, generated size, and rendered tile dimensions using one padded test image before regenerating the catalog.
What the Crop Setting Changes
A tall source image contains more vertical content than a wide catalog thumbnail can display. When the thumbnail uses hard cropping, WooCommerce or the active image-generation process removes pixels outside the target frame. The product is not being squeezed; its top, bottom, or sides are being discarded.
The visible result also depends on three separate measurements: the original image pixels, the generated thumbnail size, and the dimensions of the thumbnail as rendered in the catalog. A mismatch at any of these stages can make the result appear unexpectedly cropped or blurry.
| Evidence to inspect | What it tells you | Likely next action |
|---|---|---|
| Original image dimensions and aspect ratio | Whether the source is substantially taller than the target | Create a padded test copy if the product must remain fully visible |
| Generated thumbnail dimensions | Which output shape was actually produced | Compare it with the intended catalog shape |
| Rendered tile dimensions | Whether the page applies another visual crop or constrained frame | Inspect the catalog presentation before regenerating |
| Older versus newer upload | Whether an old generated size is still being served | Test the new upload separately before changing the whole catalog |
Build a Minimal Test Fixture
Use a non-destructive copy of one owned product asset. Choose a tall product image whose complete outline is easy to recognize, then make a second copy with illustrative padding added to the left and right so the product sits inside a wider canvas. Record the source pixel dimensions for both copies before uploading them.
Do not treat the padded copy as a final merchandising asset yet. Its purpose is to reveal whether the missing content is caused by the hard crop, by an old generated thumbnail, or by the catalog tile applying a separate constraint.
- Upload the original tall image as a new test image for a test product or non-public copy, and record its filename, source dimensions, and displayed thumbnail dimensions.
- Upload the padded copy separately and record the same evidence. Keep the two filenames unmistakable so their outputs cannot be confused.
- View both images in the same catalog context. Compare the generated thumbnail and the rendered tile, not only the full-size product image.
- Inspect whether the missing area occurs in the generated image itself or only when the catalog tile displays it.
Illustrative exercise
Illustrative exercise: define Asset A as “Tall-Bottle-Original,” an illustrative 1200 × 1800 pixel image with the bottle reaching near the top and bottom edges. Define Asset B as “Tall-Bottle-Padded,” an illustrative 1600 × 1800 pixel image containing the same bottle, with illustrative horizontal padding and no change to the bottle’s pixels. These values are fictional test values, not a report of a tested result.
Compare Asset A and Asset B under the same thumbnail setting. Pass means the complete bottle remains visible in the catalog tile and the evidence identifies which source, generated size, and rendered dimensions produced it. Fail means either asset loses identifiable product edges, or the two filenames appear to use the same stale output despite being separate uploads.
If Asset B passes while Asset A fails, the hard crop is removing the original edges; use a correctly padded source or a thumbnail ratio that accommodates the product. If both fail identically, inspect the rendered tile dimensions and confirm which generated file is being served before regenerating anything.
Branch Before Regeneration
Follow this short sequence: record the old result, upload the two new test assets, compare generated and rendered dimensions, then choose the branch that matches the evidence.
If the new upload displays correctly but the older product remains cropped, old thumbnail sizes may still be present. Treat this as a stale-output problem and regenerate only after confirming the desired crop and testing the new upload. If the new upload is also cropped at the same edge, changing files alone is unlikely to solve it; adjust the source padding or target ratio first.
If the generated thumbnail contains the full product but the catalog tile cuts it, the remaining crop is being applied at render time. Inspect the tile’s displayed dimensions and its image-fit behavior rather than repeatedly regenerating media. Preserve the original source while testing.
- Choose one branch from the evidence: padded source, target-ratio adjustment, stale generated size, or rendered-tile constraint.
- Apply the smallest change to the test copy and repeat the same comparison.
- Accept the change only when the complete product remains visible in the intended catalog tile and the generated output is the one associated with the new upload.
Scope of the documentation
The official references below support tool behavior and feature boundaries. The test fixture, branching decisions and acceptance criteria are Itemlume editorial recommendations; citation does not imply endorsement. Illustrative sizes, names and timings are not your production specifications.
Sources and further reading
Sources for this page were checked on . Platform rules can change; verify the current source before publishing. Prompt examples and workflow recommendations are Itemlume editorial guidance, not independently measured results.
Frequently asked questions
Can hard cropping make a tall product look distorted?
Hard cropping removes pixels; it does not stretch them. A distorted appearance points to a different transformation or display behavior, so compare the original, generated thumbnail, and rendered tile separately.
Should I regenerate every catalog thumbnail immediately?
No. First test an old and a new upload separately, using the padded fixture and recorded dimensions. Regenerate only after the desired crop behavior is confirmed and stale generated sizes are a plausible cause.
BUILD FROM A PRODUCT YOU KNOW
Put this workflow into practice with your own product.
Explore the relevant tool first. AI copy and concept planning are free after sign-in. Image and video generation require available credits and the applicable account access.
Open Product images Check pricing and credits