Shopify Image-CDNs im Vergleich: Shopify Standard vs. Cloudinary vs. Bunny

Wichtigste Erkenntnisse

• Die meisten Shops brauchen kein externes Image-CDN. Das integrierte Shopify-CDN übernimmt bereits die Größenanpassung, das Zuschneiden, die Komprimierung und die Formatwahl (AVIF, WebP oder JPEG) pro Anfrage – ganz ohne zusätzliche Kosten.
• Der Liquid-Filter image_url verarbeitet Breite, Höhe, Zuschnitt, Format und pad_color bis zu 5760px. image_tag generiert standardmäßig ein responsives srcset und lädt Bilder in Abschnitten weiter unten auf der Seite per Lazy Loading.
• Ein externes Image-CDN lohnt sich erst, wenn die reine Auslieferung nicht das Hauptproblem ist. Digital Asset Management (DAM), Videos, skalierbare Art-Direction, extern gehostete Bilder und kanalübergreifende Nutzung sind die wahren Gründe dafür.
• Cloudinary ist die Lösung für DAM plus Transformation und rechnet über Credits ab. Bunny Optimizer ist eine günstige Transformationsschicht für 9,50 $ pro Monat und Website plus Bandbreite.
• Keines von beiden kann cdn.shopify.com für native Produktbilder ersetzen. Beide laufen parallel dazu – ein Wartungsaufwand, der gerne vergessen wird einzukalkulieren.

Ein Shopify Image-CDN-Vergleich geht oft von einer falschen Annahme aus: dass die Bildauslieferung von Shopify eine Lücke sei, die du schließen musst. Das stimmt so nicht. Jeder Shopify-Plan bietet ein globales CDN, das Bilder on-the-fly in der Größe anpasst, komprimiert und das Format aushandelt – ohne dass du extra dafür zahlst.

Die eigentlich wichtige Frage ist also viel konkreter: Was macht das integrierte CDN genau, wo sind seine Grenzen und lösen Cloudinary oder Bunny Optimizer ein Problem, das du wirklich hast? Dieser Guide behandelt den Shopify-Standard im Detail und vergleicht dann alle drei Optionen in Bezug auf Kosten, Transformations-API, Formatunterstützung, Theme-Integration, Core Web Vitals und Lock-in.

Warum du uns vertrauen kannst

Wir sind seit über vier Jahren im Shopify-Bereich tätig und haben mit hunderten von Shopify-Marken an ihren Storefronts gearbeitet. Jacques hat über 15 Jahre Erfahrung in der Entwicklung. Wir entwickeln Fudge, den KI-Operator für Shopify-Shops, mit einer 4.9-Bewertung im Shopify App Store und „Built for Shopify“-Status. Wir arbeiten also genau auf der Theme-Ebene, wo sich bei der Bildauslieferung alles entscheidet.

Die kurze Antwort: Die meisten Shops sollten beim Shopify-CDN bleiben

Wenn deine Bilder in Shopify liegen, dein Theme image_url und image_tag richtig verwendet und du vernünftige Quelldateien hochlädst, wirst du durch ein Drittanbieter-Image-CDN keinen nennenswerten Geschwindigkeitsvorteil erzielen. Du bekommst lediglich einen weiteren Anbieter, eine weitere Rechnung und einen weiteren Point of Failure.

Die Shops, die davon profitieren, haben ein ganz anderes Problem. Sie verwalten eine riesige Medienbibliothek über mehrere Kanäle, liefern Videos im großen Stil aus, betreiben zielgruppenspezifische Art Direction oder hosten Bilder irgendwo außerhalb von Shopify. Das sind Asset-Management-Probleme, keine Delivery-Probleme.

Wenn dein Bild-Problem lautet “mein Hero-Bild hat 1,4 MB”, dann liegt die Lösung in deinen Quelldateien und deinem Liquid-Code, nicht in einem neuen CDN.

Was Shopifys integriertes Image-CDN eigentlich macht

Das CDN von Shopify basiert auf Cloudflare, liefert über HTTP/3 mit TLS 1.3 aus und komprimiert Text-Assets mit Brotli und gzip.¹ Es ist in jedem Plan enthalten, inklusive unbegrenztem Hosting und Traffic.² Es gibt kein Bandbreitenlimit, auf das du achten musst, und keine Kosten pro Anfrage.

Automatische Format-Aushandlung: AVIF, WebP und JPEG

Shopify prüft jeden Request und wählt das beste kompatible Format für den jeweiligen Client. Dabei wird basierend auf Qualität und Dateigröße zwischen AVIF, WebP und JPEG gewählt.³ Du musst das nicht konfigurieren und zahlst auch nicht extra dafür. Das ist bereits seit 2022 das Standardverhalten.

Das ist genau das Feature, mit dem die meisten Drittanbieter-Image-CDNs verkauft werden. Shopify macht das bereits.

Der image_url-Filter und seine Parameter

image_url ist der aktuelle Liquid-Filter zum Erstellen von Bild-URLs. img_url ist veraltet und wurde dadurch ersetzt.

Er akzeptiert:

• width und height, bis zu maximal 5760px jeweils. Du musst mindestens eines davon übergeben, sonst wirft der Filter einen Fehler.⁴
• crop, mit den Werten top, center, bottom, left, right und region.
• format, akzeptiert jpg oder pjpg. Gültige Konvertierungen sind PNG zu JPG, PNG zu PJPG und JPG zu PJPG.
• pad_color, als hex3- oder hex6-Wert.

Eine Regel, über die viele stolpern: Ein Bild wird niemals größer als seine Originalmaße skaliert. Wenn du 3000px von einem 1200px-Upload anforderst, bekommst du 1200px zurück.

Beachte die bewusste Trennung. Der format-Parameter ist für die Quellkonvertierung gedacht, nicht um dem Besucher AVIF oder WebP aufzuzwingen. Die Format-Aushandlung passiert automatisch an der Edge, pro Request.

Responsives srcset mit image_tag

image_tag generiert das <img>-Element und nimmt dir die mühsame Arbeit ab. Es setzt die Attribute width und height basierend auf dem echten Seitenverhältnis des Bildes, was Layout Shifts (Verschiebungen im Layout) verhindert, und erstellt ein srcset aus Standardbreiten bis zum Maximum in der URL.

Es akzeptiert widths, sizes, srcset, preload, alt, class und jedes andere HTML-Attribut. Zwei Standardwerte sind besonders wichtig:

• Bilder in Abschnitten nach dem dritten erhalten automatisch loading="lazy", es sei denn, du übergibst preload: true. Das ist der richtige Standard für Bilder “below the fold” (im nicht sofort sichtbaren Bereich), aber falsch für dein Hero-Bild. Schau dir an, wie man Bilder in Shopify per Lazy Loading lädt, um zu sehen, wo genau die Grenze liegt.
• preload: true sendet einen Link Resource Hint als HTTP-Header. Genau das willst du für das LCP-Bild. Wenn dein Hero-Bild zu spät lädt, zeigt dir unser Fix für Shopify Hero-Banner Eager Loading die genaue Anpassung.

Ein korrektes Hero-Bild sieht ungefähr so aus.

{{ section.settings.image
  | image_url: width: 2400
  | image_tag:
      widths: '600, 900, 1200, 1600, 2000, 2400',
      sizes: '100vw',
      preload: true,
      loading: 'eager',
      alt: section.settings.image.alt
}}

Die meisten „Wir brauchen ein Image-CDN“-Gespräche enden genau hier, sobald jemand den Theme-Code liest und ein <img> mit fester Breite, aber ohne srcset findet.

Größenlimits und unterstützte Quellformate

Produkt- und Kategoriebilder müssen unter 20 MB groß sein und dürfen maximal 5000 x 5000 px oder 25 Megapixel haben. Akzeptierte Formate sind PNG, JPEG, PSD, TIFF, BMP, GIF, SVG, HEIC und WebP, wobei animierte GIFs und WebPs unterstützt werden. Shopify empfiehlt 2048 x 2048 px als die Größe, die für quadratische Produktfotos meist am besten aussieht.⁵

Shopify komprimiert beim Upload, kann aber eine schlecht exportierte Quelldatei nicht retten. Für die Vorbereitung vor dem Upload, siehe unseren Guide zum Thema Bilder in Shopify komprimieren.

Wann ein Drittanbieter-Image-CDN seine Daseinsberechtigung hat

Es gibt echte Anwendungsfälle. Diese sind aber enger gefasst, als das Marketing oft suggeriert.

• Schwere On-the-fly-Transformationen. Overlays, eingebrannter Text, Hintergrundentfernung, Composites pro Variante, generierte Social-Crops. Shopify bietet dir Resize, Crop und Pad. Das war’s.
• Digital Asset Management. Versionierung, Freigaben, Tagging, Suche und eine Single Source of Truth, mit der dein Creative-Team arbeitet. Shopify Files ist reiner Speicherplatz, kein DAM.
• Video. Adaptive Bitrate Delivery, gerätespezifische Renditions, Thumbnail-Generierung.
• Art Direction at Scale. Verschiedene Crops pro Breakpoint oder Zielgruppe, regelbasiert statt manuell.
• Bilder, die außerhalb von Shopify gehostet werden. Ein PIM, ein Headless-Setup oder ein Marktplatz-Feed, der nie in Shopify Files landet.
• Multi-Channel-Nutzung. Dasselbe Asset, das Shopify, eine Marketing-Seite, eine App und ein Wholesale-Portal über eine URL und ein Set von Transformationen versorgt.

Das Muster: Du kaufst Asset-Management und tiefgehende Transformationen, keine schnelleren Bytes. Wenn nichts davon auf dich zutrifft, kannst du hier aufhören.

Shopify Standard vs. Cloudinary vs. Bunny Optimizer

Kostenmodell

Das Shopify-CDN ist inklusive. Unbegrenztes Hosting, unlimitierter Traffic, kein separater Kostenpunkt.²

Cloudinary rechnet in Credits ab. Laut deren Preisübersicht im August 2026: Free für 0 $ pro Monat mit 25 monatlichen Credits, Plus für 99 $ pro Monat (oder 89 $ pro Monat bei jährlicher Abrechnung) mit 225 Credits und Advanced für 249 $ pro Monat (oder 224 $ pro Monat bei jährlicher Abrechnung) mit 600 Credits. Enterprise wird individuell vereinbart. Ein Credit entspricht 1.000 Transformationen, 1 GB verwaltetem Speicher oder 1 GB ausgelieferter Bandbreite.⁶

Die App “Cloudinary AssetLink” im Shopify App Store listet eigene Pläne auf: einen kostenlosen Tarif, der einen externen Cloudinary-Plan erfordert, Pro für 999 $ pro Monat und Pro Plus für 999 $ pro Monat plus 0,30 $ pro GB für CDN-Auslieferung. Beide kostenpflichtigen Tarife starten bei denselben 999 $; bei Pro Plus kommen noch die Auslieferungskosten obendrauf. Am 27. Oktober 2026 zeigte das Listing eine Bewertung von 5,0 bei 3 Rezensionen. Überprüfe die aktuellen App-Pläne, bevor du dein Budget planst, da sich diese ändern können.

Bunny teilt die Rechnung auf. Bunny Optimizer kostet 9,50 $ pro Monat und Website mit unbegrenzten Anfragen, Optimierungen und Transformationen. Die CDN-Bandbreite wird zusätzlich berechnet: Im Standard-Netzwerk sind das 0,01 $/GB für Europa und Nordamerika, 0,03 $/GB für Asien und Ozeanien, 0,045 $/GB für Südamerika, 0,06 $/GB für den Nahen Osten und Afrika, bei einem monatlichen Mindestumsatz von 1 $.

Von den beiden kostenpflichtigen Optionen ist Bunny mit weitem Abstand günstiger. Cloudinary hat die Preise einer Medienplattform, denn genau das ist es auch.

Transformation-API

Shopify: width, height, crop, format, pad_color. Bewusst überschaubar gehalten.

Cloudinary: Das mächtigste der drei. Verkettete Transformationen (Chained Transformations) in der URL, f_auto für die Formatauswahl und q_auto für die Qualitätsauswahl, plus Overlays, Effekte, Cropping-Modi und Video.

Bunny Optimizer: Die goldene Mitte. Die Image-Processing-Docs listen width, height, crop, aspect_ratio, crop_gravity, face_crop, focus_crop, blur, sharpen, brightness, contrast, saturation, hue, tint, sepia, gamma, flip, flop, rotate, quality und format. Mehr als Shopify, aber lange nicht so umfangreich wie Cloudinary.

Formatunterstützung

Shopifys Format-Support ist hier wirklich wettbewerbsfähig. Die Bildverarbeitungs-Doku von Bunny Optimizer listet die Konvertierung zwischen JPEG, PNG, WebP und GIF auf, beschreibt WebP Auto-Serve als Einstellung und dokumentiert keinen AVIF Output. Betrachte AVIF bei Bunny also als unbestätigt, bis du deine eigene Pull Zone getestet hast.

Integration in ein Shopify-Theme

Hier wendet sich das Blatt im Vergleich.

Shopify: Null Aufwand. Es ist ohnehin der Weg, wie dein Theme Bilder rendert.

Cloudinary: Die Shopify-App fügt deinem Theme Liquid-Snippets hinzu und gibt dir eine eingebettete Medienbibliothek im Admin-Bereich, um Cloudinary-Assets mit Produkten, Collections und Blogposts zu verknüpfen. Machbar, aber es erfordert Theme-Anpassungen und einen parallelen Asset-Workflow neben dem von Shopify.

Bunny: Keine offizielle Shopify-Integration für native Produktbilder. Eine Pull Zone ist einem Origin-Server vorgeschaltet, und Shopify bietet dir keine Möglichkeit, das Storefront-CDN für Produktmedien auszutauschen, die über cdn.shopify.com ausgeliefert werden. In der Praxis wird Bunny für Assets außerhalb der Shopify-Bilder-Pipeline genutzt: Landingpage-Medien, Downloads, extern gehostete Dateien. Das ist ein echter Use Case, aber es bedeutet nicht “das Shopify Image-CDN ersetzen”.

Klartext: Du kannst dich bei nativen Produktbildern nicht komplett vom Shopify Image-CDN verabschieden. Jede Drittanbieter-Option kommt on top dazu.

Auswirkungen auf die Core Web Vitals

Sei skeptisch bei Aussagen, dass ein CDN den LCP (Largest Contentful Paint) drastisch verbessert. Sobald Bilder bereits im AVIF- oder WebP-Format sind, die richtige Größe haben und von einem Edge-Server in der Nähe des Besuchers ausgeliefert werden, bringt ein zweites CDN nur noch sehr wenig.

Was die Core Web Vitals in einem Shopify-Shop tatsächlich beeinflusst:

• Ein Hero-Bild, das per Lazy Loading statt Preload geladen wird.
• Ein fehlendes srcset, sodass auf Mobilgeräten eine Datei in Desktop-Größe heruntergeladen wird.
• Fehlende Breiten- und Höhenangaben, was Layout Shifts und einen schlechteren CLS-Score verursacht.
• Ein Quellbild, das viel größer ist als die eigentlich angezeigte Größe.
• App-Skripte und Render-blocking Resources, die die Bildanfrage von vornherein verzögern.

Ein zusätzlicher CDN-Hop kann bei der ersten Anfrage einen DNS-Lookup, einen TLS-Handshake und einen Cold-Cache-Miss hinzufügen. Das ist eine kleine Verschlechterung, keine Verbesserung – es sei denn, deine Anforderungen an Bildtransformationen rechtfertigen dies. Wo Shopify-Shops bei diesen Metriken tatsächlich stehen, erfährst du in unserem Beitrag Der Stand der Shopify-Performance 2026 und speziell für mobile Geräte in unserem Guide zur Shopify Mobile-Geschwindigkeit.

Wartung und Lock-in

Shopify: Nichts zu warten, nichts rückgängig zu machen. Bild-URLs werden durch Liquid-Filter generiert, die direkt zur Plattform gehören.

Cloudinary: Deine Bild-URLs zeigen auf Cloudinary. Deine Transformations-Logik liegt in der Cloudinary-URL-Syntax, eingebettet in Theme-Snippets. Eine Migration weg von dort bedeutet, diese URLs umzuschreiben und die Assets neu umzuziehen. Der Mehrwert durch das DAM ist real, aber die Exit-Kosten sind es auch.

Bunny: Leichterer Lock-in. Die Transform-Syntax läuft über Query-Parameter, und den Hostnamen wieder zurückzutauschen ist unkompliziert. Du musst trotzdem eine Pull Zone, Cache-Regeln und eine zweite Rechnung managen.

Jede Drittanbieter-Option fügt außerdem einen zweiten Ort hinzu, an dem ein Bild fehlerhaft sein kann: ein veralteter Cache, ein falsch zugeschnittener Crop, ein Asset, das in einem System aktualisiert wurde, aber im anderen nicht.

Entscheidungstabelle

Fazit nach Shop-Profil

Kleine bis mittelgroße Shops, Bilder liegen in Shopify. Bleib beim Shopify-CDN. Stecke die Arbeit lieber in Quelldateien, srcset und das Preloading deines LCP-Bildes. Unser Guide zum Thema Shopify Theme schneller machen deckt in diesem Bereich mehr ab, als jeder CDN-Wechsel es tun wird.

High-Volume-Shop mit einem Creative-Team und einer großen Medienbibliothek. Cloudinary. Kauf es dir aber eher wegen des DAMs und der Transformationstiefe, nicht wegen der reinen Geschwindigkeit. Gleiche den Preis der Credits im Vorfeld unbedingt mit deinem echten Transformations- und Bandbreitenvolumen ab.

Shop mit signifikanten Assets außerhalb von Shopify. Bunny Optimizer, aber nur für genau diese Assets. Mit 9,50 $ pro Monat pro Website plus einen Cent pro Gigabyte in Europa und Nordamerika ist es günstig genug, dass es sich für eine medienlastige Microsite oder eine Download-Bibliothek lohnt. Lass die Produktbilder bei Shopify.

Headless- oder Multi-Channel-Setup. Cloudinary, wenn du eine einzige Asset-Quelle für Storefront, App und Marketing-Website brauchst. Bunny, wenn du nur Transformation und Auslieferung benötigst.

Alle, deren eigentliches Problem ein langsames Hero-Bild ist. Keine der oben genannten Optionen. Fixe dein Liquid.

Wo Fudge ins Spiel kommt

Fudge ist der KI-Operator für Shopify-Shops und schreibt nativen Theme-Code: Liquid, CSS und JavaScript – direkt in deinem Theme.

Die meisten Bild-Performance-Probleme bei Shopify sind Theme-Probleme. Ein Hero-Bild ohne preload, ein Produkt-Grid ohne srcset, ein Abschnitt, der ein 2000px-Quellbild hart in einen 400px-Platz codiert. Du kannst den Fehler in einfachen Worten beschreiben und Fudge schreibt die Aufrufe für image_url und image_tag ordnungsgemäß in den Abschnitt – als Entwurf, den du dir vor der Veröffentlichung in der Vorschau ansehen kannst. Wenn du nicht weißt, wo die Probleme liegen, bitte Fudge zuerst um ein Speed-Audit: Es listet auf, was deine Seiten verlangsamt, und entwirft die Behebungen für dich zur Bestätigung.

Da das Ergebnis nativer Theme-Code ist, gibt es kein zusätzliches Skript und keine Widget-Ebene, und es bleibt auch nach einer Deinstallation erhalten. Das Gleiche gilt für alles andere, was du mit dem Shopify Store Editor baust.

Das ist normalerweise der weitaus günstigere Weg. Ein CDN kann kein Theme korrigieren, das schlichtweg das falsche Bild anfordert.

FAQ