Zum Hauptinhalt springen
ToolsByUs

Etsy-Shop-Symbol 500×500

Ein Etsy-Shop-Icon ist ein 500×500 Pixel großes Quadrat, das als Kreis neben Ihrem Shop-Namen angezeigt wird. Schneiden Sie es hier mit der kreisförmigen Maske zu, damit die Ränder eines Logos nicht ab dem Moment, in dem es live geht, leise beschnitten werden.

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-Shop-Symbol 500×500 erklärt

Das Shop-Icon ist das kleine runde Bild neben Ihrem Shop-Namen – auf der Startseite, in den Suchergebnissen, neben jeder Rezension und in der Kaufhistorie eines Käufers. Es wird als 500×500-Quadrat hochgeladen und als Kreis gerendert.

Es ist auch das Bild, das ein wiederkehrender Käufer erkennt. Ein Banner wird pro Besuch einmal gesehen; das Icon folgt dem Shop überall hin, meist in einer Größe, bei der nur noch eine Form und eine Farbe erkennbar sind. Das macht Wiedererkennbarkeit, nicht Detail, den zu optimierenden Wert.

Diese Seite schneidet auf das exakte Quadrat mit der darüber gelegten kreisförmigen Maske zu, damit die von der Maske entfernten Ecken während der Positionierung des Artworks sichtbar sind. Nichts wird irgendwo hochgeladen.

Der breite Streifen über Ihren Angeboten ist ein separates Bild – der Banner-Resizer für den Shop exportiert es in beiden Dichten.

Wenn das Logo in einem Format vorliegt, das der Browser nicht öffnen kann, der Format-Konverter wandelt es zuerst in PNG um.

Das Icon im Verhältnis zum Rest des Shops

Das Icon ist klein, rund und überall; der Banner ist groß, breit und wird einmal gesehen. Sie sind keine Varianten desselben Artworks.

BildGrößeFormSichtbar
Shop-Icon500 × 500KreisÜberall, wo der Shop genannt wird
Großer Banner1200 × 3004:1-StreifenOben auf der Startseite
Mini-Banner1200 × 1607.5:1-StreifenDie schmalere Alternative

Was überlebt den Kreis

Ein Kreis, der in ein Quadrat eingeschrieben ist, zeigt etwa 79 % davon, sodass die vier Ecken vollständig entfernt werden. Ein quadratisches Logo, das seine Leinwand ausfüllt, verliert seine Ecken; ein Wortzeichen, das Kante zu Kante verläuft, verliert seinen ersten und letzten Buchstaben.

Zentrieren Sie das Zeichen und lassen Sie Rand. Wenn es sich bei der Marke um ein Wortzeichen und nicht um ein Symbol handelt, sollten Sie die Verwendung eines Monogramms oder des Anfangsbuchstabens für das Icon in Betracht ziehen und das volle Wortzeichen für den Banner beibehalten – das ist es, was die meisten Shops mit langen Namen am Ende tun.

  • Ecken werden immer entfernt; dort kann nichts Bedeutvolles stehen.
  • Ein Wortzeichen, das länger als etwa sechs Zeichen ist, ist in einem Kreis kaum lesbar.
  • Hoher Kontrast, da das Icon klein neben Text gerendert wird.
  • Vermeiden Sie dünne Umrisse, die bei der Größe in der Bewertungsliste verschwinden.

Warum 500×500 und nicht etwas Größeres

Etsy dokumentiert 500×500 für diesen Slot und leitet die kleineren Darstellungen daraus ab. Die Bereitstellung von wesentlich mehr Pixeln schärft die kleinen Größen nicht – sie werden ohnehin neu abgetastet – und eine größere Datei gibt dem neu kodierenden Algorithmus mehr zu verwerfen.

Wenn Ihre Quelldatei kleiner als 500 Pixel ist, wird dies auf der Seite angezeigt, anstatt sie still zu vergrößern. Die Hochskalierung eines 200-Pixel-Logos auf 500 fügt keine Details hinzu und weicht die Kanten auf, die es lesbar machten.

Format und Hintergrund

PNG für ein Logo mit flacher Farbe oder harten Kanten sowie für alles mit Transparenz. JPEG für ein fotografisches Icon, obwohl Fotografien in dieser Größe selten gute Shop-Icons ergeben. Wenn Sie ein transparentes PNG exportieren, prüfen Sie, wie es auf einer weißen Seite aussieht – die Etsy-Startseite ist hell, sodass ein weißes Logo auf Transparenz vollständig verschwindet.

Häufig gestellte Fragen

Wie groß ist ein Etsy-Shop-Icon?

500×500 Pixel, quadratisch beim Upload und kreisförmig bei der Anzeige. Etsy generiert die kleineren Darstellungen, die in Suchergebnissen und Bewertungslisten verwendet werden, aus dieser einen Datei, daher sind 500 Pixel ausreichend und mehr ist nirgendwo schärfer, wo es angezeigt wird.

Warum wird mein Logo im Shop-Icon abgeschnitten?

Es wird maskiert und nicht beschnitten: das Icon wird als Kreis in Ihrem Quadrat angezeigt, was etwa ein Fünftel der Fläche an den Ecken entfernt. Ein Logo, das seine Leinwand Kante zu Kante ausfüllt, verliert diese Kanten. Zentrieren Sie es und lassen Sie Rand.

Kann ich meinen Shop-Namen als Icon verwenden?

Nur, wenn er kurz ist. Ein Kreis zeigt etwa sechs Zeichen lesbar in der Größe, in der das Icon normalerweise gerendert wird; längere Namen werden zu einem unlesbaren Fleck. Die meisten Shops mit langen Namen verwenden ein Monogramm oder einen Anfangsbuchstaben für das Icon und behalten das volle Wortzeichen für den Banner bei.

Sollte das Icon einen transparenten Hintergrund haben?

Das können Sie, aber prüfen Sie es zuerst gegen Weiß. Etsy-Seiten sind hell, daher verschwindet ein weißes oder sehr blasses Logo auf transparentem Hintergrund vollständig. Eine einheitliche Hintergrundfarbe aus Ihrer Markenpalette ist in der Regel die sicherere und wiedererkennbarere Wahl.

Muss sich das Icon an meinen Banner anpassen?

Es muss konsistent, aber nicht identisch sein. Verwenden Sie dieselbe Farbpalette und dieselbe Schriftart, gestalten Sie das Icon aber als eigenständiges Zeichen – ein Banner, der auf einen Kreis zugeschnitten ist, ist fast nie lesbar, da Banner breit komponiert und Icons klein gelesen werden.

Wird mein Logo beim Zuschneiden hier hochgeladen?

Nein. Der Zuschneidevorgang und der Export laufen in Ihrem Browser ohne Beteiligung eines Servers, und diese Website hat keinen Endpunkt zum Empfangen eines Bildes. Sie laden das Ergebnis selbst danach bei Etsy hoch, von Ihrem eigenen Gerät aus.

ToolsByUs-Team · Wie wir unsere Tools prüfen