Resize Shop Banner to 3360×840 for Etsy

100% Private • Report Issue

Select File

or drag and drop files here

Select an image file to resize

Step-by-Step Workflow

Upload banner image to pre-configured tool

Verify after processing

Compress and upload to Etsy shop (we also offer compress tool for free)

Specifications

Desktop display: 3360×840 pixels (4:1 ratio)
Mobile crop zone: 1200×300 pixels (center only)
Mobile-safe area: Center 1200×300 for logo/text
Target file size: Under 1MB (800KB optimal)
Accepted formats: JPG, PNG (JPG recommended)
Update frequency: Quarterly for seasonal relevance

The Challenge

Etsy displays banners at full 3360×840 on desktop but crops to center 1200×300 on mobile—where 64% of traffic originates. Sellers design beautiful full-width banners only to discover logos and shop names chopped in half on phones. You must design for both contexts simultaneously: full-width visual impact for desktop, critical branding elements (logo, shop name, CTA) confined to narrow center zone for mobile. Most sellers discover crop issues post-upload after losing mobile conversion opportunities.

Best Practices

Solid color backgrounds compress 60% smaller than photo backgrounds—faster load, cleaner professional appearance, better mobile performance
Minimum 40px font size for all text—smaller fonts become illegible on mobile devices, especially in compressed JPG format
Feature 3-5 best-selling products arranged horizontally in mobile-safe center zone—outer areas use decorative elements or brand colors
Never run text edge-to-edge—mobile crop has zero padding, text touching edges gets cut mid-character
PNG with transparency increases file size 2-3x versus JPG—only use for logos overlaying Etsy's patterned shop backgrounds
Update banner quarterly for seasons and holidays—signals active shop to algorithm, improves search ranking and buyer confidence
Match banner color palette to product listing backgrounds—consistent branding increases shop recognition and conversion rates
Test banner on actual mobile device, not desktop mobile emulator—compression and rendering differ between environments

Frequently Asked Questions

What exactly is the mobile-safe zone for Etsy banners?

Center 1200×300 pixels of the full 3360×840 desktop banner. Etsy crops to this center section on mobile devices. Keep logo, shop name, tagline, and calls-to-action within this zone. The 1080px on each side (2160px total) are decorative only—mobile users never see these outer areas.

Can I use a product photo as my Etsy shop banner?

Not recommended. Product photos are 4:3 ratio (3000×2250), banners are 4:1 ratio (3360×840)—stretching creates severe distortion. Instead, composite 3-5 product photos horizontally with clean background, keeping products centered in mobile-safe 1200×300 zone. This maintains product sharpness and mobile visibility.

Should my banner match my listing photography style?

Yes, for brand consistency and recognition. Match background color (white backgrounds for minimal listings, lifestyle scenes for contextual photos), color palette, and overall aesthetic. Consistent visual branding across banner and listings increases shop recognition and builds buyer trust, improving conversion rates 15-25%.

How often should I update my Etsy shop banner?

Minimum quarterly for seasonal relevance (holidays, sales events). Frequent updates signal active shop to Etsy's algorithm, potentially improving search ranking. Include sale announcements, new product launches, or seasonal themes. Test new banners on mobile before upload to verify mobile-safe zone elements remain visible.

What's the best banner background for Etsy shops?

Solid color backgrounds compress 60% smaller than photos, load faster on mobile, and provide cleaner professional appearance. Choose brand colors that contrast with logo and text. White or light grays work for minimal brands, bolder colors for artistic or handmade shops. Avoid busy patterns or gradients—they compress poorly and distract from products.