Etsy Shop Icon 500×500

The icon against the rest of the shop

The icon is small, round and everywhere; the banner is large, wide and seen once. They are not variants of the same artwork.

What survives the circle

A circle inscribed in a square shows about 79% of it, so the four corners are removed entirely. A square logo that fills its canvas loses its corners; a wordmark that runs edge to edge loses its first and last letters.

Centre the mark and leave margin. If the brand is a wordmark rather than a symbol, consider using a monogram or the initial for the icon and keeping the full wordmark for the banner — that is what most shops with long names end up doing.

• Corners are always removed; nothing meaningful belongs there.
• A wordmark longer than about six characters rarely reads in a circle.
• High contrast, because the icon is rendered small beside text.
• Avoid thin outlines, which disappear at review-list size.

Why 500 by 500 rather than something larger

Etsy documents 500 by 500 for this slot and derives the smaller renderings from it. Supplying substantially more does not sharpen the small sizes — they are resampled either way — and a heavier file gives the re-encoder more to discard.

If your source is smaller than 500 pixels the page says so rather than enlarging silently. Upscaling a 200-pixel logo to 500 adds no detail and softens the edges that made it legible.

Format and background

PNG for a logo with flat colour or hard edges, and for anything with transparency. JPEG for a photographic icon, though photographs rarely make good shop icons at this size. If you export a transparent PNG, check how it looks against a white page — Etsy's storefront is light, so a white logo on transparency disappears entirely.