Bilder sind fast immer das schwerste Element einer Webseite, und die Art, wie Sie sie hosten, entscheidet darüber, ob sich Ihre Website blitzschnell oder träge anfühlt. 2026 lautet die Frage nicht mehr „soll ich meine Bilder optimieren", sondern „wo sollen sie liegen, damit die Optimierung automatisch geschieht". Nach Jahren der Bildgrößenanpassung am Edge für stark frequentierte WordPress- und PrestaShop-Seiten lautet meine Antwort: Cloudflare Images. Es speichert Ihre Originale, liefert sie über das globale Netzwerk von Cloudflare aus und konvertiert sie spontan in moderne Formate, alles hinter einer einzigen URL.

Dieser Leitfaden erklärt, was Cloudflare Images eigentlich ist, wie es sich von einem reinen CDN unterscheidet, was es in echten Zahlen kostet, wie es als globales Bild-Auslieferungsnetzwerk funktioniert und wie es im Vergleich zu Alternativen wie Cloudinary und Self-Hosting abschneidet. Am Ende wissen Sie, ob es der richtige Ort für Ihre Bilder ist und wie Sie noch heute loslegen.

Kurzfassung

  • Cloudflare Images speichert Ihre Originale einmal und liefert optimierte WebP/AVIF-Versionen vom globalen Edge von Cloudflare aus, ohne Egress-Gebühren
  • Die Preise sind einfach und vorhersehbar: 5 $ pro 100.000 gespeicherte Bilder pro Monat und 1 $ pro 100.000 ausgelieferte Bilder pro Monat
  • Sie können auch Bilder transformieren, die Sie bereits anderswo hosten (einschließlich Cloudflare R2 ), ohne sie überhaupt in Images zu speichern
  • Es ersetzt ein Gewirr aus Plugins, Skripten zur Größenanpassung und einem separaten CDN durch ein einziges Produkt und eine Auslieferungs-URL
  • Für WordPress und PrestaShop können Sie es mit meinem kostenlosen Plugin und Worker kombinieren, um jeden Bildlink automatisch umzuschreiben

Was Cloudflare Images eigentlich ist

Cloudflare Images ist eine vollständige Bild-Pipeline: Speicherung, Optimierung und Auslieferung in einem einzigen Produkt. Sie laden ein Originalbild einmal hoch, und Cloudflare gibt Ihnen eine Auslieferungs-URL. Wenn ein Besucher diese URL anfordert, passt Cloudflare die Bildgröße an die von Ihnen gewünschten Maße an, konvertiert es in das effizienteste vom Browser unterstützte Format (in der Regel WebP oder AVIF), komprimiert es und legt das Ergebnis am Edge in der Nähe dieses Besuchers im Cache ab.

Die Auslieferungs-URL sieht so aus:

1https://imagedelivery.net/<account-hash>/<image-id>/<variant>

Die <variant> am Ende ist ein benannter Satz von Transformationen, den Sie einmal festlegen (zum Beispiel thumbnail, hero oder 1200x675). Sie können auch flexible Varianten aktivieren, um Breite, Höhe, Qualität und Format direkt in der URL zu übergeben. Ein einziges Original erzeugt somit jede Größe und jedes Format, das Sie jemals benötigen, ohne dass Sie auch nur eine einzige abgeleitete Datei erzeugen oder speichern.

Genau so werden die Bilder in diesem Artikel ausgeliefert. Jedes Bild, das Sie sehen, verwendet eine Cloudflare-Images-Auslieferungs-URL mit einem responsiven <picture>-Source-Set, weshalb sie auf Mobilgeräten und Desktops gleichermaßen schnell laden.

Warum nicht einfach ein CDN verwenden

Ein häufiger Einwand lautet: „Ich habe doch schon ein CDN vor meiner Website, reicht das nicht?" Es ist nicht dasselbe, und der Unterschied ist entscheidend.

Ein reines CDN speichert und liefert genau die Bytes aus, die Ihr Ursprung erzeugt. Wenn Ihr Ursprung ein 2 MB großes JPEG speichert, liefert das CDN gerne dasselbe 2 MB große JPEG nur schneller aus. Es macht das Bild nicht kleiner, konvertiert es nicht in AVIF und erzeugt nicht die kleineren Größen, die ein Smartphone tatsächlich benötigt.

Cloudflare Images ist eine aktive Schicht, kein passiver Cache. Es verändert das Bild selbst:

  • Passt die Größe exakt an die Maße an, die jedes Gerät benötigt
  • Konvertiert in WebP oder AVIF, je nachdem, was der anfragende Browser akzeptiert
  • Komprimiert intelligent, sodass aus einem 1 MB großen Foto rund 100 bis 200 KB werden
  • Speichert jede abgeleitete Version am Edge im Cache, sodass die Arbeit nur einmal anfällt

Kurz gesagt: Es verbessert Ihre Bilder, beschleunigt Ihre Website, verbessert Ihre Core Web Vitals und spart Bandbreite. Ein CDN allein leistet nur den letzten Teil, und auch nur teilweise.

Zwei Möglichkeiten, Cloudflare Images zu nutzen

Es gibt eine wichtige Unterscheidung, über die viele stolpern, deshalb mache ich sie deutlich.

1. Speichern und ausliefern mit Cloudflare Images. Sie laden Originale in Cloudflare Images hoch. Cloudflare wird zum Zuhause Ihrer Bilder und zum Auslieferungsnetzwerk dafür. Dies ist die sauberste Option für neue Projekte und bildlastige Websites.

2. Bilder transformieren, die Sie anderswo hosten. Wenn Ihre Originale bereits an anderer Stelle liegen, etwa im Objektspeicher Cloudflare R2 oder auf Ihrem eigenen Server, können Sie die Bildtransformationen von Cloudflare nutzen, um sie spontan zu optimieren, ohne eine zweite Kopie in Images zu speichern. Dies ist das Modell „Transformieren aus einer entfernten Quelle", das ich ausführlich in meinem Leitfaden zu Cloudflare Image Transformations behandle.

Die meisten Websites wählen aus Einfachheit Option eins. Teams, die bereits eine große Medienbibliothek in R2 vorhalten, wählen oft Option zwei, um nicht doppelt für Speicherung zu zahlen. R2 ist hier besonders attraktiv, weil es keine Egress-Gebühren hat, was ich in meinem Leitfaden zum Hosten von Bildern auf Cloudflare R2 aufschlüssele.

Cloudflare Images Preise in klaren Zahlen

Eines der besten Dinge an Cloudflare Images ist, dass die Preisgestaltung wirklich einfach ist, ohne überraschende Egress-Gebühren. Stand 2026 lauten die offiziellen Preise :

Wofür Sie zahlenKosten
Gespeicherte Bilder5 $ pro 100.000 Bilder / Monat
Ausgelieferte Bilder1 $ pro 100.000 Bilder / Monat
Transformationen (externe Bilder)erste 5.000 einzigartige kostenlos, dann 0,50 $ pro 1.000 / Monat
Egress-Bandbreite0 $ (kostenlos)

Ein konkretes Rechenbeispiel: Angenommen, Sie betreiben einen Shop mit 10.000 Produktbildern und liefern in einem Monat 500.000 Bildaufrufe aus. Die Speicherung kostet 0,50 $ (10.000 gespeichert) und die Auslieferung 5 $ (500.000 ausgeliefert), insgesamt also etwa 5,50 $ in diesem Monat. Es gibt keine separate Bandbreitenrechnung, keine Gebühr pro Größenanpassung und keinen Aufschlag pro Format.

Vergleichen Sie das mit einem typischen gehosteten Bilddienst, bei dem Bandbreite und Transformationszahlen die Rechnung dominieren können, und der Vorteil wird offensichtlich: Sie können die Kosten vorhersagen, bevor Sie sich festlegen.

Cloudflare Images vs. Cloudinary vs. Self-Hosting

KriteriumCloudflare ImagesCloudinarySelf-Hosting + CDN
Automatisches WebP/AVIFJaJaNur wenn Sie es selbst bauen
Egress-GebührenKeineBandbreitenbasierte StufenZahlen Sie an Host/CDN
PreismodellGespeichert + ausgeliefertCredits (Transformationen, Speicher, Bandbreite)Server + CDN + Ihre Zeit
Globale Edge-AuslieferungIntegriertIntegriertHängt vom CDN ab
EinrichtungsaufwandGeringGering bis mittelHoch
Vorhersehbare KostenSehrSchwerer vorherzusagenVariabel

Cloudinary ist ein leistungsfähiges Produkt mit umfangreichem Funktionsumfang, aber sein Credit-basiertes Modell bündelt Transformationen, Speicher und Bandbreite, was die Vorhersage mit zunehmender Skalierung erschwert. Self-Hosting gibt Ihnen die volle Kontrolle, aber Sie werden für Größenanpassungs-Pipelines, Formataushandlung, Cache-Header und CDN-Konfiguration verantwortlich, was viele bewegliche Teile zu warten bedeutet. Cloudflare Images liegt im optimalen Bereich: fast der gesamte Nutzen, sehr wenig betrieblicher Aufwand und eine Rechnung, die Sie vorhersagen können.

WordPress und PrestaShop: Jedes Bild automatisieren

Wenn Sie WordPress oder PrestaShop betreiben, besteht die praktische Herausforderung darin, dafür zu sorgen, dass jedes Bild auf der Seite die optimierte Auslieferungs-URL verwendet, einschließlich der Bilder, die von Themes, Plugins und Inline-CSS eingefügt werden. Genau dafür habe ich kostenlose Tools gebaut.

  • WordPress-Plugin. Mein Cloudflare Image Resizing Plugin (Quellcode auf GitHub ) schreibt Bildlinks so um, dass sie durch die Optimierung von Cloudflare laufen.
  • Cloudflare Worker. Für die vollständige Abdeckung sitzt mein Cloudflare Image Resizing Worker zwischen Ihrer Website und Ihren Besuchern und schreibt das endgültige HTML um, einschließlich der Bilder in CSS, die ein Plugin allein nicht erreichen kann.

Ich habe vollständige Schritt-für-Schritt-Anleitungen für beide Plattformen geschrieben: Cloudflare Image Resizing für WordPress und Cloudflare Image Resizing für PrestaShop . Wenn Sie eine dieser Plattformen nutzen, beginnen Sie dort, nachdem Sie diese Übersicht gelesen haben.

Eine wichtige Neuerung verdient besondere Erwähnung: Das Transformieren von Bildern erforderte früher einen kostenpflichtigen Pro-Tarif. Das ist nicht mehr der Fall. Bildtransformationen sind jetzt auch im kostenlosen Tarif verfügbar, bis zu 5.000 einzigartige Transformationen pro Monat, was die Hürde für kleine Websites erheblich senkt.

Ihre Bilder ohne das Dashboard verwalten

Bilder über ein Web-Dashboard hochzuladen und zu organisieren ist für eine Handvoll Dateien in Ordnung, wird aber bei größeren Mengen mühsam. Wenn Sie Ihre Originale in Cloudflare R2 aufbewahren (ein beliebtes Muster für Medienbibliotheken), habe ich eine kostenlose Desktop-App gebaut, die das schmerzlos macht: Easy Cloudflare R2 lässt Sie Buckets durchsuchen, per Drag-and-drop hochladen, Objekt-Metadaten bearbeiten und alles über eine übersichtliche Oberfläche unter Windows, macOS und Linux verwalten. Für die direkte Arbeit mit dem Produkt Cloudflare Images leistet Easy Cloudflare Images dasselbe für das Hochladen und Optimieren Ihrer Bildbibliothek.

So legen Sie noch heute los

  1. Melden Sie sich in Ihrem Cloudflare-Dashboard an und aktivieren Sie Images in der Seitenleiste.
  2. Laden Sie ein Testbild hoch oder richten Sie eine Transformation auf eine bestehende Bild-URL.
  3. Erstellen Sie eine oder zwei Varianten für die Größen, die Ihre Website am häufigsten verwendet (zum Beispiel ein Hero und ein Thumbnail).
  4. Ersetzen Sie ein Bild auf Ihrer Website durch die neue Auslieferungs-URL und führen Sie einen Vorher-Nachher-Test mit PageSpeed Insights durch.
  5. Wenn Sie WordPress oder PrestaShop nutzen, installieren Sie das Plugin oder stellen Sie den Worker bereit, um den Rest zu automatisieren.

In der Regel sehen Sie sofort, dass die Datenmenge für dieses Bild um 70 bis 90 Prozent sinkt, mit einer entsprechenden Verbesserung Ihrer Core Web Vitals.

Wichtigste Erkenntnisse

  • Cloudflare Images vereint Speicherung, Optimierung und globale Auslieferung in einem Produkt, ohne Egress-Gebühren
  • Die Preise sind einfach und vorhersehbar: 5 $ pro 100.000 gespeichert und 1 $ pro 100.000 ausgeliefert pro Monat
  • Ein reines CDN speichert nur Ihre Bytes im Cache; Cloudflare Images passt sie aktiv an, konvertiert und komprimiert sie
  • Sie können Originale in Images speichern oder bereits in R2 oder auf Ihrem Server gehostete Bilder transformieren
  • Transformationen sind jetzt im kostenlosen Tarif verfügbar (bis zu 5.000 einzigartige pro Monat), nicht nur in Pro
  • WordPress- und PrestaShop-Nutzer können jedes Bild mit meinem kostenlosen Plugin und Worker automatisieren

Häufig gestellte Fragen

Ist Cloudflare Images kostenlos? Bildtransformationen sind im kostenlosen Tarif bis zu 5.000 einzigartige Transformationen pro Monat verfügbar. Das Speichern und Ausliefern von Bildern über das Produkt Cloudflare Images ist kostenpflichtig, zu 5 $ pro 100.000 gespeicherte Bilder und 1 $ pro 100.000 ausgelieferte Bilder pro Monat, ohne Egress-Gebühren.

Konvertiert Cloudflare Images automatisch in WebP und AVIF? Ja. Wenn ein Browser ein Bild anfordert, erkennt Cloudflare die unterstützten Formate und liefert das effizienteste aus, typischerweise AVIF oder WebP, mit Rückfall auf das Originalformat für ältere Browser. Sie müssen diese Versionen nicht selbst erzeugen.

Kann ich Cloudflare Images mit in R2 gespeicherten Bildern nutzen? Ja. Sie können Ihre Originale in Cloudflare R2 aufbewahren und die Bildtransformationen von Cloudflare nutzen, um sie bei der Auslieferung zu optimieren, ohne eine zweite Kopie in Images zu speichern. R2 hat keine Egress-Gebühren, was es zu einem kostengünstigen Ursprung für eine große Medienbibliothek macht.

Brauche ich noch einen Pro-Tarif für die Bildgrößenanpassung? Nein. Das hat sich geändert: Bildtransformationen sind jetzt im kostenlosen Tarif bis zu 5.000 einzigartige Transformationen pro Monat verfügbar. Höhere Volumina und die Speicherung auf der Plattform werden im kostenpflichtigen Tarif abgerechnet.

Wie schneidet Cloudflare Images im Vergleich zu Cloudinary ab? Beide bieten automatische Formatkonvertierung und globale Auslieferung. Der Hauptunterschied ist das Preismodell. Cloudflare Images berechnet einen einfachen Tarif aus Speicherung plus Auslieferung ohne Egress, während Cloudinary ein gebündeltes Credit-Modell verwendet, das mit wachsendem Traffic schwerer vorherzusagen ist.

Funktioniert das mit WordPress und PrestaShop? Ja. Nutzen Sie mein kostenloses WordPress-Plugin für eine schnelle Einrichtung oder stellen Sie meinen Cloudflare Worker für vollständige Abdeckung bereit, die auch Bilder innerhalb von CSS umschreibt. Ich habe vollständige Schritt-für-Schritt-Anleitungen für beide Plattformen geschrieben.