Was ein Image-CDN eigentlich macht

Ein Image-CDN ist ein Dienst, der Bild-URLs zur Laufzeit transformiert: aus einer Quelle /foto.jpg wird abhängig vom Browser, Viewport und Pixel-Density das optimal komprimierte Format ausgespielt — AVIF für Chrome 120, WebP für Safari 13, JPG für die selten gewordenen Legacy-Clients. Größe, Crop, Schärfung und Wasserzeichen können on-the-fly hinzugefügt werden, ohne dass die Asset-Pipeline neue Varianten generiert.

Die Frage ist nicht mehr ob, sondern wie. Drei Wege: Plattform- integriert (Vercel, Netlify), spezialisierter SaaS(Cloudinary, Imgix, ImageKit), oder selbst gebaut (Sharp + Cloudflare Workers / AWS Lambda / Bunny Optimizer).

Vercel Image Optimization (Plattform-integriert)

Wer auf Vercel oder Next.js setzt, hat das integrierte next/image-System quasi geschenkt. Die Komponente liefert automatisch AVIF/WebP/JPG je nach Browser, generiert srcset-Varianten, fügt blur-Placeholder ein und arbeitet mit fetchpriority="high" für LCP-Bilder.

Kosten 2026. 1 000 Bild-Optimierungen pro Monat im Hobby-Plan gratis, Pro-Plan 5 000 inkl., danach $5 pro weitere 1 000. Für mittlere Sites (~50 000 Optimierungen/Monat) etwa $225/Monat — günstig im Vergleich zu spezialisierten Diensten, solange du auf Vercel hostest.

Stärken: Zero-Config, perfekt integriert mit picture-Element, automatische Cache-Control-Headers, kein Vendor-Lock-in bei den Quell-Bildern. Schwächen: nur grundlegende Transformationen (keine KI-Crops, kein Background-Removal), an Vercel-Hosting gebunden.

Cloudinary (SaaS-Marktführer)

Cloudinary ist seit 2012 der Marktführer. Bietet alles: Format-Konvertierung, AI-Crops, Background-Removal, Wasserzeichen, Video-Optimierung. URL-API ist mächtig:https://res.cloudinary.com/demo/image/upload/w_400,q_auto,f_auto/sample.jpg.

Kosten 2026.Free-Tier 25 Credits/Monat (≈ 25 GB Storage + 25 GB Bandbreite + 25 K Transformationen). Plus-Plan ab $99/Monat. Ab 100 GB Bandbreite schnell > $500/Monat — die Skalierung kann brutal werden.

Stärken: umfangreichste Feature-Liste, mature SDKs für jedes Framework, gute Dokumentation, ML-basierte Crops und Auto-Quality. Schwächen:Preis-Skalierung, Lock-in durch URL-API (Migration kostet), proprietäre Auto-Modes machen Caching-Hit-Rates intransparent.

Imgix (Performance-Spezialist)

Imgix ist Cloudinarys Hauptkonkurrent und seit 2009 spezialisiert auf maximale Performance. Anders als Cloudinary speichert Imgix Bilder nicht selbst — du verbindest ein bestehendes S3, GCS oder einen anderen Origin-Source, und Imgix optimiert nur den Auslieferungs-Pfad.

Kosten 2026. Standard ab $30/Monat für 1 000 Origin-Bilder + 100 GB Bandbreite. Skaliert vorhersagbarer als Cloudinary, weil die Preisstruktur weniger „Magic" enthält.

Stärken: bring-your-own-storage, niedrige Latenz dank globalem CDN (Fastly-Backbone), klare Preisstruktur. Schwächen: weniger Out-of-the-Box-Features als Cloudinary, kein KI-Crop.

Bunny CDN Optimizer (Budget-Option)

Bunny CDN bietet seit 2023 einen Image-Optimizer als Add-on zur regulären CDN-Auslieferung. Der Trick: keine separate Image-CDN-Subscription, sondern ein Aufschlag von ~5 % auf die regulären CDN-Kosten.

Kosten 2026. Bunny CDN selbst kostet $0.01/GB in Europa und Nordamerika, der Image-Optimizer $9.50/Monat pauschal plus Bandbreite. Für eine Site mit 500 GB monatlicher Bandbreite landest du bei etwa $15/Monat — eine Größenordnung unter Cloudinary.

Stärken: mit Abstand günstigster Preis, gute Performance.Schwächen: wenige Features (im Wesentlichen Resize + Format + Quality), keine ML-Features, kleinere Community.

Self-Hosted: Sharp + Cloudflare Workers

Wer technisch versiert ist und Lock-in vermeiden will, kann eine Image-CDN-Pipeline selbst bauen. Standard-Stack 2026: Sharp(libvips-basiert) als Encoder, Cloudflare Workers / R2 als Edge-Storage, eine URL-Signing-Schicht gegen Hotlinking.

Kosten 2026. Cloudflare Workers kosten $5/Monat pro 10 Mio Requests, R2-Storage $0.015/GB, Bandbreite kostenlos. Für 50 000 Optimierungen/Monat plus 500 GB Bandbreite: ~$10/Monat. Die Pipeline selbst kostet einmalig 1–2 Tage Entwicklungs-Zeit.

Stärken: niedrigste Kosten bei Skalierung, vollständige Kontrolle, kein Lock-in. Schwächen: du betreibst die Pipeline selbst — Monitoring, Cache-Invalidation, AVIF-Encoder-Updates sind dein Job. Sharp's AVIF-Encoder ist deutlich langsamer als Cloudinarys spezialisierte Infrastruktur; bei großen Bildern kann ein Edge-Worker an Timeout-Grenzen stoßen.

Entscheidungs-Matrix

  • Du nutzt Next.js auf Vercel: nimm next/image. Kein besseres Verhältnis aus Aufwand und Wirkung.
  • Du brauchst KI-Features (Smart-Crop, Background-Removal): Cloudinary. Nur dort verfügbar in produktiver Qualität.
  • Du hast existierende S3/GCS-Buckets und maximale Performance ist Pflicht:Imgix.
  • Du bist preissensibel und brauchst nur Format-Konvertierung + Resize:Bunny CDN Optimizer.
  • Du willst keinen Vendor-Lock-in: Self-Hosted Sharp + Cloudflare Workers.
  • Du hast wenig Traffic und brauchst nur eine kleine Site abzudecken:Build-Time-Optimierung mit unseren Tools (JPG zu WebP, JPG komprimieren) plus statisches Hosting reicht.

Versteckte Kosten beachten

Drei Posten werden in Kalkulationen oft unterschätzt. Erstens: Origin- Bandbreite. Das CDN holt Bilder vom Origin (S3, eigener Server), und je nach Cache-Hit-Rate kann das 5–20 % der Auslieferungs-Bandbreite ausmachen. Zweitens: Cache-Invalidation. Bei Logo-Updates oder Preis-Banner-Wechsel musst du alle abgeleiteten Varianten löschen — die wenigen CDNs, die das gratis bieten, machen es schmerzhaft langsam. Drittens: Egress-Gebühren beim Verlassen eines Cloud-Providers. Wenn dein Origin in AWS liegt und das CDN bei Cloudinary, zahlst du AWS-Egress, was bei 1 TB Monatsverkehr schnell $90 kostet.

Empfehlung 2026

Für 80 % aller Projekte: Plattform-integriert (Vercel) oder günstig (Bunny). Für E-Commerce-Sites mit großem Foto-Katalog und ML-Anforderungen: Cloudinary. Für High-Performance-Use-Cases mit existierender Infra: Imgix. Self-Hosting ist die richtige Wahl, wenn du sehr große Skalen erreichst (TB-Bereich monatlich) oder spezifische Compliance-Anforderungen hast. Eine Bilder-Strategie ohne CDN — auch wenn die Site klein ist — verschenkt 2026 messbar Core-Web-Vitals-Punkte (siehe unser CWV-Beitrag).

Quellen

Vercel Image Optimization · Cloudinary Pricing · Imgix Pricing · Bunny CDN Optimizer · sharp.pixelplumbing.com · Cloudflare Workers · web.dev — Image CDNs.