Never Resize An Image Again

Ändern Sie nie wieder die Größe eines Bildes auf Shopify

Shopify Serving Moderne Bildformate

Unter Verwendung modernerer Bildformate wie WEBP bietet das Content Delivery Network (CDN) von Shopify ab Juli 2019 dynamisch die beste verfügbare komprimierte Version eines angeforderten Bildes an, selbst wenn das Originalbild größer ist.

Ihr Shopify-Shop fragt nach einem Webp (das 80 Prozent der Verbraucher weltweit verwenden können) oder nach einem beliebigen Bildformat, das das CDN zur Verfügung stellt, wenn Sie ein PNG oder JPG einreichen. Da Apple oft Jahre hinterherhinkt, macht Safari mittlerweile den Großteil der restlichen 20 % aus. Dies wird sich jedoch mit der Veröffentlichung der nächsten Version ändern, die noch in diesem Jahr erwartet wird.

Hier sind einige harte Fakten über die Leistung von WebP im Vergleich zu denen von PNG und JPG.

Für ein 4k-Bild des Universums:.

Originalformat Originalgröße Webp-Größe Unterschied
PNG in voller Qualität 8.450 KB 1.600 KB -81%
JPG in hoher Qualität 1.720 KB 1.600 KB -7%
Komprimiertes JPG 894 KB 918 KB +2 %

WebP leistet beim Komprimieren großer, dynamischer JPGs einen schlechten Job, zeichnet sich jedoch durch die Reduzierung der Größe von PNGs und kleineren JPGs aus. Die PNGs scheinen in diesem Fall besser als die JPGs zu sein.

Welche Größe soll ich hochladen?

Es ist zwingend erforderlich, dass Sie die größten und qualitativ hochwertigsten verfügbaren Fotos einreichen, nachdem Ihr Design korrekt konfiguriert wurde, um die Skalierung zu unterstützen. Wenn Ihr Fotograf Ihnen 4K-Bilder zur Verfügung stellt, nutzen Sie diese! Je mehr Informationen in dem von Ihnen übermittelten Originalbild enthalten sind, desto besser funktioniert die Bildkomprimierung, da sie das gewünschte Ergebnis besser versteht und nicht versucht, Artefakte beizubehalten, die bei Ihrer vorherigen Skalierung und Komprimierung entstanden sind.

Noch wichtiger ist, dass Sie im Laufe der Zeit, wenn Shopify seine Bildkomprimierung weiter verbessert oder neue Bildformate aktiviert werden, vor der Zukunft geschützt sind.


Share this article