Judging an image at full size on a large monitor and never checking how it reads at grid size.
Photo types and platforms
Thumbnail
Also called thumb, preview image or grid image. Here is what it means, when it changes what you export, and what people get wrong.
Photo types and platformsRuns on your deviceUpdated 10 August 2026
The short answer
A thumbnail is a small version of an image used in search results, grids and previews. It is usually the version people actually decide from, since they see it before they see the full picture. Most platforms generate their own thumbnails automatically from whatever file you upload.
Updated
The short version
Thumbnail at a glance
| Quick fact | Detail |
|---|---|
| Generated by | The platform, from your uploaded file |
| Usual crop | Centre crop to the platform's own ratio |
| What survives | Large shapes and strong contrast |
| What is lost | Fine texture, thin lines, small text |
| Safest source | Square, centred, tightly cropped |
Slide the table sideways to see every column.
Why does detail disappear at thumbnail size?
Shrinking an image throws pixels away. Fine texture, thin lines and small text have nowhere to go, so they either vanish or turn into a smudge. A label that is perfectly readable at 2000 px is a grey smear at 200 px, and the sharpening a platform applies afterwards often makes that smear worse rather than better.
What survives is large shape, strong contrast and a clear silhouette. That is the whole design brief for a thumbnail: one recognisable form, well separated from its background.
What should you change when you know an image will be seen small?
- Crop tighter. Fill the frame with the subject. Air around a product is elegant at full size and wasteful at 150 px.
- Simplify the background. A busy scene becomes visual noise, and noise is what your eye skips in a grid.
- Increase contrast between subject and background. A grey product on a grey backdrop simply disappears.
- Cut the text. If words must appear, use very few and set them large.
- Check it at size. View the image at the actual grid dimensions before you upload, not zoomed in at 100%.
Why does the source file still matter if the platform makes its own?
Because the platform generates the thumbnail from your upload, and it applies a fixed rule. It crops to its own aspect ratio, usually from the centre, and downsamples with its own algorithm. It does not reframe your composition to keep the subject in shot.
So the source crop decides the outcome. Upload a wide image to a square grid and the sides are cut off. Put your subject off to one edge and a centre crop will remove it. Uploading a square, centred, tightly framed source is the reliable way to control what the small version looks like, and resizing the master to a sensible ceiling first, with a tool such as Photomop or your platform's own upload settings, avoids sending a huge file just to have it reduced.
What people get wrong about thumbnail
Each one is a real failure mode, not a style preference.
Putting the subject off centre in a source image that the platform will centre-crop to square.
Adding descriptive text to a photo that becomes illegible the moment it is scaled to a preview.
Uploading an image only slightly larger than the thumbnail, leaving nothing for high-density displays.
Questions people ask
Thumbnail, answered
The follow-up questions people search for once they have the definition.
What size should a thumbnail be?
You rarely choose. Most platforms generate thumbnails at fixed sizes from your upload, so your job is to supply a source with enough resolution and the right shape. Where you do control it, export at roughly twice the displayed size so it stays sharp on high-density screens.
Why does my thumbnail look cropped wrong?
The platform cropped it to its own aspect ratio, almost always from the centre. If your subject sits near an edge in the source, that crop removes it. Re-upload a version already cropped to the shape the grid uses.
Can I upload a separate thumbnail image?
On some platforms yes, particularly video services and content management systems that allow a custom preview. Most marketplaces do not: they derive the grid image from your first listing photo, which is why the first photo deserves the tightest crop.
Does a smaller thumbnail file make my page faster?
Yes, when there are many of them. A grid of fifty previews is fifty requests, so oversized thumbnails add up quickly even though each one looks small. Serve them at the size they display rather than scaling large files down in the browser.
Same cluster
More from the glossary
Neighbouring entries, so every term in the set is one hop from every other.
TIFF
TIFF (Tagged Image File Format) is a flexible container for high quality raster images, used mainly in printing, scanning and archiving.
SVG
SVG (Scalable Vector Graphics) is an XML file that describes shapes, paths and text as mathematical instructions rather than pixels.
Transparency
Transparency is the part of an image where there is nothing to show, so whatever sits behind it shows through.
From the studio
Tools that do this
Each one runs on your own device, so the photo stays where it is.
Keep reading
Elsewhere on Photomop
Platform image rules
Image size, file type and background rules for 22 selling platforms, each one sourced.
Read itConvert image
JPG, PNG, WebP and AVIF, with an honest answer about HEIC and alpha.
Read itAll the tools
The whole toolbox in three families, with what each one needs before it can run.
Read itOn-device privacy
The pipeline in five steps, what leaves your device, and how to check it yourself.
Read it
Now do it to a photo
Photomop is a photo studio that runs on your own device. Resize, crop, compress, convert, batch edit, remove a background and change one all work in the browser tab you are reading this in, at full resolution and with no watermark. The on-device page shows you how to check that the photo stays put.