Zum Hauptinhalt springen
ToolsByUs

Shopify-Produktbilder skalieren

Shopify-Produktbilder funktionieren am besten als quadratische Bilder mit 2048×2048 Pixeln, was groß genug ist, dass der Zoom nützlich ist. Diese Seite füllt standardmäßig mit Hintergrund an, anstatt zu beschneiden, sodass ein ganzes Produkt erhalten bleibt und alle Fotos im Katalog eine einheitliche Form haben.

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

Shopify-Produktbilder skalieren erklärt

Shopify erzwingt keine bestimmte Form für Produktfotos, und das ist das Problem. Ein Katalog, der aus dem besteht, was die Kamera produziert hat, zeigt hohe, breite und quadratische Fotos im selben Raster, jedes unterschiedlich mit Hintergrund aufgefüllt vom Theme, und das Ergebnis wirkt amateurhaft, auch wenn jedes einzelne Bild gut ist.

Die Wahl einer einzigen Form und deren Anwendung auf alles ist die größte visuelle Verbesserung, die die meisten kleinen Shops erreichen können. Quadratisch bei 2048×2048 ist die übliche Antwort: sie eignet sich sowohl für Raster-Vorschaubilder als auch für Produktseiten, und 2048 Pixel sind genug Auflösung, damit Shopifys Zoom echte Details zeigt statt einer weichen Vergrößerung.

Diese Seite verwendet standardmäßig „Ganzes Bild anpassen“ anstelle von „Raster füllen“, was das Gegenteil jeder anderen Seite hier ist – denn ein auf ein Quadrat beschnittenes Produktfoto verliert das Produkt, und eines mit Auffüllung nicht.

Für eine Serie in einer selbst gewählten Größe, das Tool zum Ändern der Bildgröße nimmt jede beliebige Pixel-Dimension oder Prozentangabe.

Die Geschwindigkeit des Shops ist wichtig, also wenn die Exporte zu groß sind, der Kompressor wird jedes Bild auf eine Zielgröße bringen.

Warum Auffüllung bei Produkten besser ist als Beschneidung

Ein beschnittenes Quadrat nimmt die Mitte des Bildes. Für ein Porträt eines hohen Objekts – einer Flasche, einer Lampe, eines Kleides am Bügel – ist die Mitte die Mitte des Objekts und beide Enden sind weg.

Auffüllung skaliert das gesamte Foto herunter, bis es passt, und füllt den Rest mit einer Hintergrundfarbe. Nichts geht verloren, das Objekt sitzt vollständig in einem einheitlichen Quadrat, und die Hintergrundfarbe kann über den Katalog abgestimmt werden, sodass das Raster wie ein einheitlicher Satz wirkt.

Die Wahl des Hintergrunds

Reines Weiß ist aus einem Grund Standard: es passt zu den meisten Themes, verschwindet auf einer weißen Seite und Marktplätze, die von Shopify syndizieren, erwarten es meist.

Ein neutrales Hellbeige oder eine Markenfarbe funktioniert, wenn die Produkte selbst blass sind, wo reines Weiß ein schwebendes Objekt ohne Kante hinterlässt. Was auch immer Sie wählen, verwenden Sie denselben Wert für jedes Foto – ein Katalog mit drei leicht unterschiedlichen Weißtönen ist auffälliger als einer mit einer kräftigen Farbe.

  • Reines Weiß für die meisten Kataloge und für die Syndizierung auf Marktplätzen.
  • Ein sanftes Neutrales, wenn die Produkte weiß oder sehr blass sind.
  • Ein Wert für den gesamten Katalog, einmal gewählt und wiederverwendet.
  • Nie ein Verlauf: er kachelt schlecht über ein Raster mit verschiedenen Seitenverhältnissen.

Größen und Limits

Shopify akzeptiert große Bilder und generiert die kleineren Versionen, die seine Themes benötigen. Wichtig ist, genug Auflösung für den Zoom auf einer Produktseite zu haben, ohne Speicher und Upload-Zeit unnötig zu erhöhen.

OptionWertWarum
Form1:1 quadratischEinheitliches Raster; eignet sich für Vorschaubilder und Produktseiten
Größe2048 × 2048Genug Auflösung, damit der Zoom echte Details zeigt
FormatJPEG für FotosDeutlich kleiner als PNG bei gleicher sichtbarer Qualität
HintergrundEin Wert, wiederverwendetWas einen Katalog wie einen Satz aussehen lässt

Wann stattdessen beschneiden

Raster füllen hat noch seinen Platz: ein Lifestyle-Foto, bei dem das Produkt nur ein Element einer Szene ist, liest sich oft besser eng beschnitten, und ein Detailfoto ist per Definition ein Schnitt.

Die Regel betrifft den Zweck des Fotos. Ein Katalogbild zeigt das Produkt; ein Lifestyle-Foto verkauft die Idee. Füllen Sie das erste, schneiden Sie das zweite, und halten Sie sie visuell getrennt, anstatt beide Behandlungen in einer Galerie zu vermischen.

Häufig gestellte Fragen

Welche Größe sollten Shopify-Produktbilder haben?

2048×2048 Pixel quadratisch ist die praktische Antwort für die meisten Shops: quadratisch hält das Kaster-Raster einheitlich, und 2048 Pixel geben Shopifys Zoom genug Auflösung, um echte Details statt einer weichen Vergrößerung einer kleineren Datei zu zeigen.

Warum füllt diese Seite anstatt zu beschneiden?

Weil ein auf ein Quadrat beschnittenes Produktfoto das Produkt verliert. Ein hohes Objekt, aus der Mitte beschnitten, verliert beide Enden. Auffüllung skaliert das gesamte Foto herunter und füllt den Rest mit einer Hintergrundfarbe, sodass das Objekt vollständig bleibt und jedes Bild eine Form hat.

Welche Hintergrundfarbe sollten Produktfotos verwenden?

Reines Weiß für die meisten Kataloge – es passt zu Themes, verschwindet auf einer weißen Seite und eignet sich für die Syndizierung auf Marktplätzen. Ein sanftes Neutrales ist besser, wenn die Produkte selbst weiß sind, da reines Weiß ein blasses Objekt ohne sichtbare Kante hinterlässt. Verwenden Sie einen Wert durchgehend.

Müssen alle meine Produktbilder die gleiche Form haben?

Sie müssen es nicht, aber sie sollten es. Ein Raster, das Hoch-, Quer- und Quadratformate mischt, ist der häufigste Grund, warum ein kleiner Shop improvisiert wirkt, und das lässt sich ohne Neufotografieren beheben – füllen Sie alles in ein einheitliches Quadrat, und der Katalog wirkt wie ein Satz.

JPEG oder PNG für Produktfotografie?

JPEG, in fast jedem Fall. Bei 2048×2048 Pixeln ist ein fotografisches PNG mehrere Mal größer ohne sichtbaren Vorteil, und die Geschwindigkeit des Shops ist wichtig. PNG hat nur bei Grafiken mit flachen Farben oder wenn Sie Transparenz wirklich brauchen einen Platz.

Werden meine Produktfotos hochgeladen, um sie zu ändern?

Nein. Das Dekodieren, Skalieren, Auffüllen und Kodieren läuft alles in diesem Browser-Tab, und die Seite hat keinen Server, der ein Bild empfängt. Unveröffentlichte Produktfotos bleiben auf Ihrem Gerät, was Sie im Netzwerk-Panel vor dem Vertrauen überprüfen können.

ToolsByUs-Team · Wie wir unsere Tools prüfen