Etsy Crop Preview
The same listing photo is shown at three different shapes: a square thumbnail in search, a wide 4:3 frame on desktop, and a tall 3:4 frame on a phone. Drop your image and see all three crops at once, plus the safe area that survives every one of them. Your file never leaves your device — the cropping happens in your browser.
What Etsy actually publishes about crop shapes
Worth stating plainly before anything else: Etsy does not publish a thumbnail aspect ratio. There is no official page that says "search results are 4:3" or "the grid is 1:1", and the third-party articles that confidently print a ratio contradict each other — you will find 4:3, 1:1, 5:4 and 4:5 all asserted as fact within a single afternoon of searching. What Etsy's own guidance does say is that your primary photo gets cropped to three shapes — square, landscape and portrait — depending on where it is being shown, and that you should therefore supply a landscape or square first photo with room around the subject.
So the honest position is: the shapes are documented, the exact numbers are not. The 1:1, 4:3 and 3:4 frames this tool draws are stand-ins for those three documented shapes, chosen because they are the common ones and because the difference between 4:3 and 5:4 changes the safe area by a few per cent, not by anything that changes how you compose. If Etsy adjusts a layout tomorrow, a photo composed for these three frames survives it; a photo composed to exactly fill one of them does not. That is the argument for designing to the intersection rather than to a number.
Surface by surface
The useful way to think about this is not "what ratio is Etsy" but "where is this photo going to appear, and what does that place do to it". The same file is asked to work in several quite different jobs, and they have different failure modes.
The search results grid
This is the square, and it is the surface that matters most, because it is the only one a shopper sees before deciding whether you exist. It is also the least forgiving: a grid thumbnail on a laptop is a couple of hundred pixels across, and a shopper is scanning a wall of them. Whatever is going to make someone stop has to be legible at postage-stamp size and it has to be inside the square. A landscape photo loses its left and right ends here — the props you carefully arranged either side of the mug are simply not in the picture. This is where an off-centre subject is punished hardest, because the crop is taken from the centre and does not know or care where your product is.
The listing page on a desktop
The landscape frame. It is wide, so it takes its slice out of the top and bottom of a square original — roughly 12.5% off each end. Tall products suffer here specifically: a candle shot upright and filling the frame loses its lid and its base, and the buyer sees a cylinder. It is also the largest version most buyers will look at properly, so this is the crop that has to carry texture, colour accuracy and the details that justify your price. Compose for it by leaving vertical air above and below the subject that you are happy to lose.
The listing page on a phone
The portrait frame, and by volume of traffic this is now the important one for most shops. It is the mirror image of the desktop problem: it takes about 12.5% off the left and right of a square original, so wide products — a table runner, a keyboard mat, a landscape print — get their ends amputated. If you shoot flat-lays with the object running edge to edge across the frame, this is the crop that will hurt, and it is also the crop you are least likely to check, because you edited the photo on a big screen.
The zoom view and the other slots
Zoom is where the full pixel data finally gets used, and it is the reason to keep resolution high even though every other surface is showing something smaller. A listing has up to 20 image slots, and only the first one is subject to all this cropping pressure — the rest can be a scale reference, a detail shot, a lifestyle shot, packaging, a size chart. A practical division of labour is to make the first photo bulletproof under centre cropping and then use the later slots for the shots that need the whole frame to work.
| Shape | Where it turns up | What it removes from a square original |
|---|---|---|
| 1:1 square | Search results grid — the first thing a shopper sees | Nothing. A square source survives this crop intact. |
| 4:3 landscape | Listing page on a desktop browser | About 12.5% off the top and 12.5% off the bottom |
| 3:4 portrait | Listing page on a phone | About 12.5% off the left and 12.5% off the right |
| Safe area | Every one of the above, simultaneously | Everything outside the middle 75% × 75% — leaving roughly 56% of the pixels |
What this does to your framing
Leave breathing room, and leave it on every side. The instinct when photographing something you are proud of is to fill the frame with it. That instinct is wrong here. Because the cuts come off opposite pairs of edges on different surfaces, margin is not wasted space — it is the buffer that lets one file work in three shapes. A subject occupying the middle 70% of a square frame is safe everywhere. A subject occupying 95% is guaranteed to be clipped somewhere.
Edge-to-edge product shots lose their edges. This sounds obvious written down and it is the single most common mistake in listing photography. A print photographed so that its corners touch the frame corners has no corners left in the portrait crop. A garment shot from hem to shoulder has no hem in the landscape crop. If the shape of the object is part of what you are selling — and for prints, blankets, signs and jewellery it usually is — the whole silhouette has to sit inside the safe area, not inside the photo.
Text near a border disappears at thumbnail size, twice over. Sellers add text to the first photo constantly: "personalised", "free shipping", a size in inches. Placed near an edge it gets cut by at least one of the three crops, and even where it survives, it is being rendered at grid-thumbnail size, where anything under a reasonably large proportion of the frame height is unreadable. If text has to be there, put it well inside the safe area and make it bigger than feels comfortable. Corners are the worst possible location: a corner is near two edges, so it is exposed to both the horizontal and the vertical crop.
Check the mobile crop, not just the desktop one. The bias in most workflows is toward whatever you are looking at while editing, which is a wide screen. Dropping the file into the preview above and looking at the 3:4 card is a ten-second habit that catches the majority of composition mistakes before they are live.
The numbers Etsy does publish
Etsy asks for at least 2000 px on both width and height for listing photos, and sets a hard floor of 635 px on the first photo — below that the listing is demoted in search results, which is a rare case of an image spec carrying an explicit ranking penalty. Between those two numbers is a large grey zone where your listing works but the zoom view is soft, so treat 2000 px as the real target rather than 635 px as the real requirement. Everything else about the slots and their sizes is collected in our reference for Etsy image sizes.
The accepted formats are .jpg, .gif, .png, .svg and .heic, with two traps inside that list. Animated GIFs are not supported — upload one and you get a still frame. And transparent PNGs are not supported either: transparency renders as black, which turns a carefully cut-out product on "no background" into a product on a black rectangle. If you work with cut-outs, flatten onto white before you upload. Etsy also converts uploads to sRGB and applies its own compression, so a photo exported in Adobe RGB will shift in colour, and there is no point sharpening aggressively for the thumbnail — the recompression on Etsy's side will have the last word regardless.
Why one photo becomes three photos
A marketplace listing page is not one layout. The square thumbnail in search results, the wide image on a desktop listing page and the tall image on a phone are all generated from the single file you uploaded, each cropped to a different shape. You choose the composition once; the site re-crops it three times without asking. This is why a photo that looked perfect when you uploaded it can lose the top of a mug in search and the bottom of a label on mobile.
The crops are taken from the centre, which means the penalty for bad composition is symmetrical: content near any edge is at risk, and content near a corner is at risk twice over. The practical consequence is that the usable region of your photo is smaller than the photo. For a square original the safe area is only 75% of the width and 75% of the height — about 56% of the total pixels. Everything outside that band exists for atmosphere, not for information.
That is the whole idea behind the safe area drawn here. It is the geometric intersection of the three crops: the set of pixels that appears no matter which view a shopper is looking at. Compose so that your product, and any text or detail you actually need read, sits inside it. Props, backdrop and negative space can spill outside — that is what they are for.
Choosing a source image
A square original is the most predictable starting point, because it loses the same amount on both axes and nothing is cropped at all in the thumbnail. Aim for at least 2000 px on the shorter side: after the tall crop takes its slice, you still want enough resolution left for the zoom viewer. The tool tells you the pixel dimensions of each crop it produced, so you can see directly what you would be left with rather than guessing.
Four things people ask about the preview
Are the crops always taken from the centre?
Centre cropping is what this tool models, and it is the standard behaviour for automatic re-cropping — a site that resizes millions of images has no way to know what the subject of yours is. Some marketplaces let you nudge the thumbnail's focal point after upload. If yours does, use it, but design for the centre crop first: the focal point control usually only affects one of the three views.
What size should my original be?
At least 2000 px on the shorter side, and square if you can manage it. The shorter side is what matters because it governs both crops that eat into it. A 3000 × 2000 px landscape photo drops to a 1500 × 2000 px portrait crop on mobile — you lose half the width. The same subject shot square at 2000 × 2000 px keeps a full 1500 px in every direction. The full table of Etsy image sizes covers the other slots too.
Does the downloaded crop include the guide lines?
No. The coloured rectangles and the dimmed area exist only in the preview. Each download button gives you the clean cropped pixels at full resolution, straight from your original — no overlay, no re-compression artefacts beyond the PNG encode.
Is my photo uploaded anywhere?
No. The file is decoded and cropped locally with the HTML canvas, and the downloads are generated in the page. Nothing is sent to a server and nothing is stored. Once the page has loaded you can work offline.