Zum Hauptinhalt springen
ToolsByUs

Etsy-Banner skalieren

Ein großer Etsy-Banner misst 1200 × 300 Pixel, und eine Version in 3360 × 840 im selben 4:1-Verhältnis sorgt für Schärfe auf hochauflösenden Bildschirmen. Zuschneiden Sie hier einmal, und beide Versionen werden gemeinsam exportiert, ohne dass das Design Ihren Browser verlässt.

Nur lokal

PNG, JPG, WebP oder GIF hierher ziehen

oder irgendwo auf der Seite ablegen · Datei auswählen · 100 MB

Unterstützt: PNG, JPG, JPEG, WebP, GIF, AVIF

Etsy-Banner skalieren erklärt

Der Etsy-Shop-Banner befindet sich oben in Ihrem Shop, und die dokumentierte Größe ist 1200 × 300 – ein 4:1-Band. Diese Zahl ist schon seit Jahren korrekt und erzählt nun nur noch halbe Wahrheit: Auf einem Laptop oder Telefon mit hochauflösendem Display ist ein 1200-Pixel-Bild, das über den Banner-Slot gestreckt wird, deutlich unscharf.

Die Lösung ist, mehr Pixel im selben Verhältnis bereitzustellen. 3360 × 840 ist die gängige Retina-Angabe, und da sie genau 2,8-mal 1200 × 300 beträgt, dient derselbe Schnitt beiden Versionen ohne eine zweite Entscheidung.

Diese Seite exportiert also das Paar. Ein Schnitt, zwei Dateien, beide im 4:1-Verhältnis, beide auf Ihrem eigenen Rechner erstellt – was für Shop-Branding-Material, das Sie noch nicht veröffentlicht haben, wichtig ist.

Wenn Ihr Shop den schmaleren Banner verwendet, der Mini-Banner-Resizer hält das 7,5:1-Band.

Ein Export mit 3360 Pixeln kann groß sein – das Tool Bild komprimieren bringt es auf die von Ihnen benannte Größe herunter.

Der Etsy-Shop-Bildsatz

Ein Shopfront verwendet mehrere Bilder, und alle haben unterschiedliche Formen. Den Banner richtig zu gestalten ist die sichtbare Hälfte; das Icon ist die Hälfte, die sich die Leute merken.

BildGrößeVerhältnisWo es erscheint
Großer Banner1200 × 3004:1Über dem Shop
Retina großer Banner3360 × 8404:1Im selben Slot auf einem hochauflösenden Bildschirm
Mini-Banner1200 × 1607,5:1Die schmalere Banner-Option
Shop-Icon500 × 5001:1Neben dem Shop-Namen, rund

Warum 4:1 schwieriger ist, als es aussieht

Vier zu eins ist viel breiter, als es eine Kamera produziert. Ein Landschaftsfoto hat das Verhältnis 3:2 oder 16:9, also bedeutet das Einpassen in einen Banner, dass die meiste Höhe verworfen wird – etwa 60 % eines 3:2-Bildes.

Produktfotos überstehen das selten. Was funktioniert, ist ein speziell für das Band erstelltes Design: sich wiederholendes Muster, ein Flachlay-Foto, das absichtlich breit aufgenommen wurde, ein Wordmark mit viel umgebendem Freiraum oder ein Farbfeld mit dem Produkt an einem Ende. Wählen Sie den Schnitt bewusst mit dem Fokusgitter, anstatt einem zentrierten Schnitt zu überlassen, was sich zufällig in der Mitte befindet.

Was auf einen Shop-Banner gehört

Ein Banner ist kein Werbeplakat und kein Ort für einen Absatz. Auf dem Handy wird er nur wenige hundert Pixel breit gerendert, also ist der realistische Inhalt ein Wordmark, ein kurzer Slogan oder nur ein gut gewähltes Bild.

Saisonale Banner lohnen sich genau, weil sie einfach auszutauschen sind: derselbe Schnitt, anderes Design, beide Größen in einem Schritt exportiert.

  • Ein Wordmark oder Shop-Name, der bei wenigen hundert Pixeln Breite lesbar ist.
  • Höchstens eine kurze Zeile ergänzender Text.
  • Kein Kleingedrucktes, keine URLs, keine Rabattcodes in kleiner Schrift.
  • Eine Farbe, die zur Produktfotografie des Shops passt und sie nicht konterkariert.

Format und Dateigröße

JPEG für fotorealistische Banner – bei 3360 Pixeln Breite ist ein PNG desselben Bildes mehrere Mal größer ohne sichtbaren Vorteil. PNG für flache Farben und Schriftzüge, wo JPEG-Artefakte um jede Kante herum sichtbar werden. Etsy rekodiert, was es empfängt, also liefern Sie eine saubere, hochwertige Quelldatei anstelle von bereits zweimal komprimiertem Material.

Häufig gestellte Fragen

Wie groß ist ein Etsy-Shop-Banner?

1200 × 300 Pixel für den großen Banner, ein 4:1-Band. Eine Version in 3360 × 840 im selben Verhältnis sorgt für Schärfe auf hochauflösenden Bildschirmen, und diese Seite exportiert beide aus einem einzigen Schnitt, damit das Paar nicht auseinanderdriften kann.

Warum sieht mein Etsy-Banner verschwommen aus?

Fast immer, weil es ein 1200-Pixel-Bild ist, das auf einem Bildschirm mit zwei oder drei Gerätepixeln pro CSS-Pixel angezeigt wird. Der Browser skaliert es hoch, und das Ergebnis ist unscharf. Die Bereitstellung von 3360 × 840 im selben Verhältnis gibt ihm echte Pixel, aus denen gezeichnet werden kann.

Kann ich ein Produktfoto als Banner verwenden?

Nur, wenn Sie es bewusst zuschneiden. Ein 4:1-Band behält etwa 40 % der Höhe eines normalen 3:2-Fotos, also nimmt ein zentrierter Schnitt meist einen Querstreifen durch die Mitte des Motivs. Verwenden Sie das Fokusgitter, um zu entscheiden, was erhalten bleibt, oder fotografieren Sie etwas, das für die Breite komponiert ist.

Wie viel Text sollte ein Banner tragen?

Einen Shop-Namen und höchstens eine kurze Zeile. Auf dem Handy wird der Banner nur wenige hundert Pixel breit gerendert, was alles unter Überschriftengröße unleserlich macht. Rabattcodes und URLs in kleiner Schrift sind die am häufigsten verschwendeten Pixel auf Etsy.

Was ist der Unterschied zwischen großem und kleinem Banner?

Die Höhe und damit das Verhältnis. Der große Banner ist 1200 × 300 bei 4:1; der Mini-Banner ist 1200 × 160 bei 7,5:1, also etwa halb so hoch. Es sind separate Slots mit separaten Schnitten – ein großer Banner, der in den Mini-Slot gezwängt wird, verliert seine Mitte.

Wird mein Banner auf diese Seite hochgeladen, um ihn zu ändern?

Nein. Der Schnitt, beide Größenänderungen und die Kodierung erfolgen in Ihrem Browser, und die Seite hat keinen Endpunkt, der die Datei empfangen könnte. Für noch nicht veröffentlichtes Shop-Branding ist das ein bedeutender Unterschied, und das ist im Netzwerk-Panel sichtbar, nicht nur behauptet.

ToolsByUs-Team · Wie wir unsere Tools prüfen