Hero image
Also called main image, primary image or thumbnail.
The hero image is a product's lead photograph — the one shown in search results, category grids and at the top of the product page — and in most shopping contexts it is the only image a shopper sees before deciding whether to click.
Why it carries more weight than the other images
Position, not quality, is what makes it the hero. Every other image on a listing is seen only by someone who has already clicked, which means the hero image is doing the work of earning the click while competing against a grid of alternatives at thumbnail size.
That thumbnail context is the part sellers most often design against. A hero image is usually judged at a fraction of its actual dimensions, on a phone, surrounded by competitors — so the test is not whether it looks good full-size but whether the product is identifiable when it is small.
- It is the image in the search grid, so it competes before the listing is even opened
- It is judged at thumbnail scale, frequently on a phone
- It is usually the most constrained image on the listing, because channels write rules about it
- It is what gets reused in ads, feeds and comparison surfaces you do not control
What channels typically require
Because the hero drives the look of a marketplace's own grid, it is the image type with rules attached. The specifics vary and change, so treat the list below as the categories to check per channel rather than as a spec.
- Background — commonly pure white; see white background photography
- Fill — the product must occupy most of the frame
- Resolution and aspect — a minimum size, and often a square or near-square crop
- No additions — text, logos, watermarks, badges and borders are widely banned
- Product only — props, multiple items and sometimes models are disallowed
Choosing one
Within the rules there is still a decision, and for apparel the usual trade-off is between a flat product image that is unambiguous at thumbnail size and a worn image that communicates more but reads as busier when small.
A ghost mannequin shot is often the compromise: it satisfies the plain-background requirement while still showing the garment's worn shape. Where a channel permits on-model heroes, a tight, clean on-model crop generally beats a folded flat-lay on click-through — but that is worth testing per category rather than assuming.
How hero images go wrong over time
The failure is rarely that the image was bad when it shipped. It is that nothing re-examines it afterwards: the product gets a new colourway, the packaging changes, the channel tightens its resolution minimum, or a competitor's grid gets sharper and yours now looks dated next to it.
The second common failure is being invisible rather than non-compliant. An image can pass every rule and still lose the click because the product is dark against white at thumbnail size, or because the crop is so wide the item is tiny in the frame. Nothing flags that; it just quietly costs traffic.
- Never re-checked after launch, while the product and the channel rules both move
- Compliant but illegible at thumbnail size — passes validation, loses the click
- Inconsistent across a category page, so the shop reads as less trustworthy
- Resolution that met the minimum when uploaded and no longer does
Common questions
What is the difference between a hero image and a packshot?
A packshot is defined by how it is shot — product only, plain background. A hero image is defined by where it sits: first. Many channels require the hero to be a packshot, which is why the terms are often used as if they were the same thing.
Can a hero image show a model?
It depends on the channel, and it is one of the rules that differs most between them. Some marketplaces require a product-only primary image; on your own storefront the choice is yours, and for apparel an on-model hero often performs better.
How often should hero images be reviewed?
More often than most shops do. The triggers worth acting on are a product or packaging change, a channel updating its image requirements, and a category page that has drifted out of visual consistency.
Does the hero image affect search ranking?
Not directly as a ranking input in most marketplaces, but it drives click-through and conversion, which are ranking inputs on channels that weigh engagement. The more reliable framing is that it affects the metrics that affect ranking.
See also
Doing this with TinTin
Try it on your own product photo
5 credits free at signup, no card. Upload one product photo and see what comes back.
