Zurück zum Blog
Integration7 min1.596 liest

Shopify Produktbildgröße für 360°-Drehungen: Maße, die wirklich wichtig sind

Shopify Bildgröße für 360°-Bilder: Aufnahmeverhältnisse, WebP/AVIF-Bereitstellung, Lazy-Widgets und wie Spinnify die Größe ändert, ohne riesige Originale in das Design zu stopfen.

ShopifyIntegration
Spinnify 360° Studio: Shopify Produktbildgröße für Galeriestandbilder im Vergleich zur 360°-Bildlieferung

Schnelle Antwort

Shopifys übliche Produktbildgrößen-Ratschläge Statische Galerie-Standbilder, oft etwa 2048 × 2048 Pixel im Quadrat. Eine 360°-Drehung ist eine andere Aufgabe: Sie erfassen eine Bildserie (normalerweise 4:3 Querformat auf dem Desktop, optional 3:4 auf Mobilgeräten, bis zu 36 Bilder), hosten sie außerhalb der Themengalerie und stellen WebP oder AVIF in geänderter Größe von einem CDN bereit, nachdem der Käufer darauf tippt. Spinnify 360° Studio übernimmt die Größenänderung und Lieferung, sodass Händler Originale mit mehreren Megabyte nicht in Shopify-Dateien verschieben, nur um eine Rotation auf der Produktseite zu erhalten.

Suchen Sie nach „shopify Produktbildgröße“ und Sie werden die gleiche Quadratpixel-Checkliste finden, die in allen Help Centern und Agenturblogs wiederholt wird. Dieser Rat ist für Packshots nützlich. Es ist unvollständig, sobald Sie eine interaktive 360°-Ansicht hinzufügen. Galerie-Slots, Themenbildbegrenzungen und die eigene Größenänderungspipeline von Shopify waren nie darauf ausgelegt, sechsunddreißig hochauflösende Bilder pro SKU aufzunehmen.

Dieser Artikel behält die bekannten Shopify-Produktbildabmessungen für Standbilder bei und zeigt dann, welche Änderungen sich für eine 360-Frame-Serie ergeben, wie Spinnify 360° Studio Largest Contentful Paint mit einem Lazy-Widget schützt und wo man aufhören kann Originale in das Thema stopfen. Für Installationsschritte (App-Block, Match-Feld, OAuth) verwenden Sie den Begleitartikel Shopify 360° Product Viewer Integration Guide. Hier bleiben wir bei Größe, Gewicht und Lieferung.

Was Shopify für statische Produktbilder empfiehlt

Shopifys öffentliche Anleitung für Produktfotografie konzentriert sich immer noch auf gestochen scharfe quadratische Standbilder für die Hauptgalerie. Ein praktischer Zielwert, den viele Händler verwenden, ist etwa 2048 × 2048 Pixel für das primäre Produktbild, wobei die Dateigröße angemessen gehalten werden muss, damit das Theme responsive Varianten generieren kann. Diese Größe deckt Zoom, Retina-Displays und Marktplatzexporte ab, ohne dass jeder Besucher gezwungen ist, eine Kamera im RAW-Format herunterzuladen.

Auf der Produktseite können Sie Shopify und Ihr Thema diese Standbilder zuschneiden oder in Miniaturansichten, vorgestellte Bilder und offene Diagrammvorschauen skalieren. Das mentale Modell ist einfach: Ein Bild entspricht einem Galerieplatz. Händler, die nur mit flachen Packshots verkaufen, können hier aufhören. Die Verwirrung beginnt, wenn Teams eine vollständige 360°-Sequenz als „nur mehr Shopify Produktseitenbildgröße betrachten und versuchen, jeden Frame in Dateien oder Medien abzulegen.

Statische Richtlinien beantworten: „Wie groß sollte mein Heldenfoto sein?“ Sie antworten nicht: „Wie sollte ein Multi-Frame-Spin erfasst, gespeichert und bereitgestellt werden, damit PageSpeed ​​gesund bleibt?“ Das sind separate Pipelines, die ein gemeinsames Schlüsselwort haben.

Was sich für eine 360°-Frame-Serie ändert

Bei einer 360°-Produktdrehung handelt es sich um einen geordneten Satz Standbilder, nicht um ein quadratisches Masterbild. In Spinnify 360° Studio wird die Haupt-Desktop-Serie im Querformat 4:3 mit bis zu 36 Bildern aufgenommen. Eine optionale Mobilserie verwendet ein 3:4-Hochformat, sodass Käufer, die zuerst das Telefon kaufen, eine Bildkomposition sehen, die auf den Bildschirm passt. Der Produktname in Spinnify 360° Studio sollte mit der Shopify-Variante SKU übereinstimmen (bei der Übereinstimmung wird die Groß-/Kleinschreibung nicht beachtet). Es gibt keinen automatischen Cloud-Zuschnitt, der einen besseren Rahmen für Sie erfindet; Sie erfassen zentrierte, konsistente Frames und der Dienst liefert sie.

Delivery ist der zweite Unterschied. Das Storefront-Widget fügt nicht Dutzende Galeriebilder in voller Auflösung in den ursprünglichen HTML-Code ein. Es wird geladen, nachdem der Käufer auf das 3D-Steuerelement tippt. Die Einzelbilder kommen dann als CDN-verkleinerte WebP- oder AVIF-Formate an, die auf den Betrachter zugeschnitten sind, und nicht wie die Multi-Megabyte-Originale, die Sie möglicherweise mit einer Studiokamera fotografiert haben. Aus diesem Grund ist „shopify Bildgröße 360“ eine andere Frage als „shopify Produktbildabmessungen“ für ein einzelnes Packshot.

Wenn Sie ohnehin große Originale in das Shopify-Theme hochladen, zahlen Sie doppelt: Das Theme-Gewicht wächst und Ihnen fehlt immer noch ein richtiger Spin-Player. Bewahren Sie Galeriestandbilder in Shopify auf. Behalten Sie die Drehsequenz in Spinnify 360° Studio bei.

Pipeline: 4:3- oder 3:4-Frames aufnehmen, Spinnify 360° Studio-Größe ändern, CDN WebP/AVIF, Lazy Shopify-Widget auf Tap
Capture-Serie → Spinnify 360° Studio → CDN WebP/AVIF → Lazy 3D-Steuerung auf der Shopify-Produktseite.

Statische Galerie vs. 360°-Rahmen: Größe und Lieferung

Verwenden Sie die Tabelle als Planungsfilter, wenn ein Fotograf oder eine Agentur fragt, welche Shopify Produktbildgröße aufgenommen werden soll. Eine Spalte ist immer noch die bekannte Galerie. Die andere ist die Spin-Serie, die nie in jeden Themenbild-Slot gehörte.

Statische Shopify-Galerie360°-Rahmenserie (Spinnify)
Typische AbmessungenOft ~2048 × 2048 px quadratisches Standbild4:3 Landschaftsserie (bis zu 36); optional 3:4 mobil
Wo Dateien lebenShopify Produktmedien / ThemaSpinnify 360° Studio + CDN
Wenn Bytes geladen werdenMit Galerie / LCP-KandidatenNachdem der Käufer auf das 3D-Steuerelement tippt
Lieferung formatThemegenerierte responsive BilderCDN-verkleinerte WebP/AVIF für den Betrachter
Merchant-GrößenänderungsarbeitEinen Helden + Alts exportierenKonsistente Frames erfassen; Spinnify ändert die Größe für die Lieferung
KatalogübereinstimmungIn Admin angehängte ProduktmedienProduktname ↔ Variante SKU (Groß- und Kleinschreibung wird nicht beachtet)

The Spinnify 360° Studio-Pfad (Größe ohne aufgeblähtes Thema)

Spinnify 360° Studio ist so konzipiert, dass Händler 360-Produktbilder auf Shopify nicht mehr als Datei-Dump behandeln. Sie erfassen oder importieren die Rahmenserie (oder einen kurzen Plattenspielerclip, der zu Rahmen wird), veröffentlichen das Produkt unter dem Namen, der Ihrer Variante entspricht SKU, und lassen den App-Block Shopify ein 3D-Steuerelement auf der Produktvorlage anzeigen. Die schwere Arbeit, die richtige Pixeldichte bereitzustellen, findet im CDN von Spinnify statt, nicht in jedem Liquid-Bild-Tag auf der ersten Seite.

Diese Trennung ist die ehrliche Antwort auf „shopify Bildgröße der Produktseite“, wenn der Händler wirklich eine Variante möchte. Ihre quadratischen Standbilder können der statischen Richtlinie von Shopify folgen. Ihr Orbit befindet sich in einem dedizierten Viewer, der bei Bedarf langsam geladen wird, sodass LCP an den Helden-Packshot gebunden bleibt, anstatt bei jedem Besuch sechsunddreißig Bilder um Bandbreite zu konkurrieren.

Wenn Core Web Vitals bereits ein Problem auf Ihrem PDP sind, kombinieren Sie dieses Größenmodell mit unseren Hinweisen zu Shopify 360° ohne Beeinträchtigung der PageSpeed. Informationen zu Frames aus Videoquellen anstelle von Standbildern finden Sie unter 360-Grad-Video für E-Commerce.

Fehler, die Händler einmal machen

. Bei den meisten Fehlern handelt es sich nicht um mysteriöse API-Fehler. Dabei handelt es sich um Größen- und Platzierungsgewohnheiten, die aus der statischen Fotografie in ein Format kopiert wurden, das nicht in die Galerie gehört.

  • Die gesamte 360°-Sequenz wird in Shopify-Dateien hochgeladen, als wäre jedes Einzelbild ein Standbild in der Galerie.
  • Ich fotografiere nur quadratische 1:1-Master und erwarte, dass sie sich wie eine 4:3-Drehserie verhalten.
  • Versand von Multi-Megabyte-Kameraoriginalen zum Thema und in der Hoffnung, dass Shopify die Spin-Lieferung „repariert“.
  • Das Spinnify 360° Studio-Produkt anders benennen als die Variante SKU (bei der Übereinstimmung wird die Groß-/Kleinschreibung nicht beachtet, nicht unscharf).
  • Es wird erwartet, dass die Cloud automatisch zuschneidet, um außermittige oder abgeschnittene Bilder zu retten.
  • Nur Erfolgsbewertung in der Vorschau des Theme-Editors anstelle einer Live-Produkt-URL mit festgelegtem Übereinstimmungsfeld.

Verdict

Shopify Produktbildgröße für statische Standbilder und Shopify Bildgröße für 360° sind verwandte Schlüsselwörter mit unterschiedlichen Pipelines. Behalten Sie quadratische, gut komprimierte Galeriehelden in Shopify. Erfassen Sie konsistente 4:3- (und optional 3:4-)Bildserien für den Dreh, veröffentlichen Sie sie in Spinnify 360° Studio und lassen Sie die Produktseite von CDN WebP/AVIF sowie einem durch Tippen ausgelösten Widget schützen. So erhalten Sie 360-Grad-Produktbilder auf Shopify, ohne das Thema in ein inoffizielles DAM zu verwandeln.

Bereit, einen Spin zu veröffentlichen, ohne das Thema zu füllen: Öffnen Sie Spinnify 360° Studio. Benötigen Sie den Installationspfad, nachdem die Größen klar sind? Lesen Sie den Shopify 360°-Integrationsleitfaden.

Häufig gestellte Fragen

Welche Shopify Produktbildgröße sollte ich für Galeriestandbilder verwenden?
Für statische Galeriefotos folgen viele Händler dem praktischen quadratischen Ziel von Shopify mit etwa 2048 × 2048 Pixeln und halten die Dateigröße angemessen. Dieser Rat gilt für Packshots, nicht für eine komplette 360°-Bildserie.
Welche Abmessungen funktionieren für 360 Produktbilder auf Shopify?
In Spinnify 360° Studio ist die Hauptserie 4:3 Querformat, bis zu 36 Bilder. Eine optionale Mobilserie verwendet das 3:4-Porträt. Hosten Sie die Sequenz in Spinnify, nicht in Dutzenden von Shopify Galerie-Slots.
Soll ich 360 Frames in Shopify-Dateien hochladen?
Nein. Behalten Sie statische Helden in Shopify-Medien. Veröffentlichen Sie die Drehung in Spinnify 360° Studio, damit die Frames im CDN als WebP oder AVIF geändert werden und geladen werden, nachdem der Käufer auf das 3D-Steuerelement tippt.
Ändert Spinnify die Größe meiner Originalfotos?
Ja für die Lieferung: Spinnify 360° Studio stellt komprimierte Frames mit geänderter Größe aus dem CDN bereit. Der Rahmen wird in der Cloud nicht automatisch zugeschnitten oder retuschiert. Erfassen Sie zentrierte, konsistente Aufnahmen.
Wird ein 360°-Viewer der größten inhaltsreichen Farbe auf der Produktseite schaden?
Ein umfangreiches Autoplay-Asset über dem Falz kann. Das Widget von Spinnify wird geladen, wenn der Käufer darauf tippt, sodass LCP an Ihren normalen Galeriehelden gebunden bleibt, während die Spin-Frames nach der Interaktion eintreffen.
Wie stellt der Spin eine Verbindung zu einem Shopify-Produkt her?
Nennen Sie das Produkt in Spinnify 360° Studio, damit es der Variante Shopify SKU entspricht. Beim Matching wird die Groß-/Kleinschreibung nicht beachtet. Die vollständigen App-Block- und Verbindungsschritte finden Sie im Shopify 360°-Integrationsleitfaden.
Ist die Bildgröße der Produktseite von Shopify mit der Bildgröße von 360 identisch?
Nr. Die Bildgröße der Produktseite bedeutet normalerweise statische Galerieabmessungen. Eine 360-Serie benötigt ein Erfassungsverhältnis, eine Frame-Anzahl und einen Lazy-CDN-Lieferpfad, den statische Themenbilder nicht bieten.

Autor

Spinnify Editorial

The Spinnify 360° Studio team — guides on 360° product spins, storefront integrations, and product page performance.

Spinnify 360°-Viewer auf einer Shopify-Produktseite: Schaltfläche „3D-Ansicht“, die eine interaktive Produktdrehung öffnet
Integration9 min1.720 liest

So fügen Sie eine 360-Produktansicht zu Shopify hinzu (Größen, App-Block und SKU-Übereinstimmung)

Fügen Sie eine interaktive 360°-Drehung zu Shopify Produktseiten hinzu: empfohlene Bildgrößen, Spinnify App-Block-Setup, SKU Matching und Lazy-Loaded 3D-Ansicht – kein Pro-SKU-Code.

ShopifyIntegration
Artikel lesen
Schnelles Shopify 360°-Dreh-Widget, das asynchron auf einer Produktseite geladen wird
Shopify10 min3.847 liest

Geschwindigkeit gewinnt: So fügen Sie interaktive 360°-Fotos auf Shopify hinzu, ohne in der roten Zone von Google zu landen

Langsame PDPs töten Verkäufe; Schwere 360°-Plugins beeinträchtigen LCP und INP. Wie Spinnify auf Shopify Core Web Vitals grün hält: Lazy Load, CDN WebP, Iframe modal.

ShopifyLeistung
Artikel lesen

Sind Sie bereit, Ihren ersten 360°-Spin zu veröffentlichen?

Erstellen Sie ein Produkt, laden Sie Frames hoch und betten Sie das Widget mit einem Skript-Snippet ein.

  1. Frames hochladen
  2. Skript einbetten
  3. Gehen Sie live
Testen Sie Spinnify 360° Studio kostenlos