Direkte Antwort
Skalieren Sie JPG-, PNG- und WebP-Fotos auf das Standardquadrat 2048×2048 oder die Werkzeugoptionen 1024×1024 und 1200×1200. Laut Shopify wird 2048×2048 bei quadratischen Bildern meist am besten dargestellt; das Theme steuert die Anzeige. Einpassen erhält kleine Fotos standardmäßig ohne Hochskalierung, Zuschneiden entfernt Überstände.
So verwenden Sie dieses Tool
Produktbilder Ihres Shopify-Stores hochladen
Wählen Sie bis zu 20 JPG-, PNG- oder WebP-Dateien aus. Das Werkzeug öffnet sich mit der 2048×2048-Voreinstellung.
Shopify 2048×2048 oder alternative quadratische Maße wählen
Behalten Sie das empfohlene 2048×2048-Quadrat bei oder wechseln Sie zu 1024×1024 kompakt oder 1200×1200 Standard.
Einpassen & auffüllen oder Zuschneiden wählen
Nutzen Sie Einpassen, um das Produkt vollständig mit Rändern zu erhalten, oder Zuschnitt für randlose Bilder.
Shopify-Bilder exportieren
Laden Sie einzelne Bilder oder ein sauberes ZIP-Paket für den Shopify-Upload herunter.
Shopify-Medienrichtlinien: Empfohlenes 2048×2048-Quadrat, Themes und Upscale-Schutz
Shopifys Dokumentation nennt 2048×2048 als meist beste Größe für quadratische Produktbilder; die Darstellung hängt vom Theme ab. 1024×1024 und 1200×1200 sind Werkzeugoptionen. Ohne Hochskalierung behält Auffüllen die Pixelgröße kleiner Fotos bei und ergänzt Ränder. Es erzeugt keine Details und garantiert weder Zoomqualität noch Ladegeschwindigkeit.
- 2048×2048 folgt Shopifys Hinweis für quadratische Bilder; 1024×1024 und 1200×1200 sind Werkzeugoptionen.
- Theme-Flexibilität: Empfiehlt quadratische Standards bei gleichzeitiger Berücksichtigung individueller Theme-Vorgaben.
- Upscale-Schutz: Hält Skalierung bei kleinen Bildern bei <= 1 und füllt Ränder sauber auf.
Praktische Beispiele
Kleines Bild (500×500) ohne Hochskalierung in 2048×2048 einpassen
Eingabe: 500×500 PNG-Abzeichen (1:1)
Ausgabe: 2048×2048-PNG mit unvergrößertem 500×500-Abzeichen und je 774 px Rand
Einpassen hält die Skalierung bei 1. Die größere Fläche ergänzt Ränder und keine Details im Abzeichen.
Foto 3000×3000 auf Shopifys empfohlenes 2048×2048 verkleinern
Eingabe: 3000×3000 JPEG (3.6 MB)
Ausgabe: 2048×2048 JPEG optimiert
Verkleinert auf das Standardquadrat. Tatsächliche Dateigröße und Theme-Darstellung prüfen.
Hochformatiges Modefoto (1200×1600) mit weißem Rand in 2048×2048 einpassen
Eingabe: 1200×1600 JPEG (3:4 Format)
Ausgabe: 2048×2048-JPEG mit unvergrößertem 1200×1600-Foto, je 424 px Seitenrand und je 224 px oben/unten
Einpassen erhält das ganze Foto. Das Theme kann es bei der Anzeige weiterhin zuschneiden.
Einschränkungen
- Shopify-Themes können Bilder je nach Theme-Einstellung beschneiden; prüfen Sie die Anzeige im Theme-Editor.
- Dieses Tool skaliert und ergänzt Ränder; es entfernt keine Hintergründe automatisch.
- Transparente Ränder benötigen PNG oder WebP. JPEG mit transparentem Rand wird blockiert; wählen Sie PNG/WebP oder eine Volltonfarbe.
Häufige Fragen
Welche Bildgröße empfiehlt Shopify für Produktfotos?
Laut Shopify wird 2048×2048 bei quadratischen Produktbildern meist am besten dargestellt. Wählen Sie passende Maße für Ihr Theme und prüfen Sie den Shop; die Größe allein garantiert weder Zoomqualität noch Ladegeschwindigkeit.
Müssen alle Produktbilder auf Shopify quadratisch sein?
Nein. Shopify empfiehlt 2048×2048 für quadratische Bilder, das Seitenverhältnis hängt jedoch von Ihrem Theme ab.
Was geschieht, wenn mein Quellbild kleiner als 2048×2048 ist?
Beim Einpassen ohne Hochskalierung bleibt ein kleines Foto unvergrößert und erhält Ränder. Zuschneiden wird blockiert, wenn der Ausschnitt kleiner als das Ziel ist, sofern Sie Hochskalierung nicht erlauben.
Werden meine Fotos auf externe Server hochgeladen?
Nein. Die Verarbeitung erfolgt vollständig lokal in Ihrem Browser über HTML5 Canvas.
Maßgebliche Referenzen & Standards
- Shopify Help Center: Product media types ↗ — 2048×2048 usually displays best for square product images; actual presentation depends on the theme.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.