Cloudflare Images erklärt

Cloudflare Image Resizing transformiert Dateien, die bereits außerhalb des Images-Produkts liegen (z. B. auf einer R2 Custom Domain), über URLs wie `/cdn-cgi/image/width=1200,format=auto/...`. Die Billing-Aufmerksamkeit gilt Unique Transformations und zugehöriger Delivery.

Cloudflare Images (der Vault) speichert Originale im Images-Produkt von Cloudflare. Dort zählen gespeicherte und ausgelieferte Images. Sobald ein Original in diesem Vault liegt, multipliziert das Erzeugen vieler Size- und Format-Varianten den Stored-Image-Zähler nicht so wie self-managed Derivative-Ordner—und das Produkt bündelt Transform mit Delivery.

Die meisten DIY-Guides für Fotografen verwischen das. Der Pfad von ArtInStack ist der erste: Master in R2-artigem Storage, On-Demand-Resizing am Edge.

Unabhängige Write-ups und Billing-Threads wiederholen dieselbe Überraschung: Free-Accounts sind auf grob 5.000 Unique Transformations pro Monat begrenzt. Danach können bestehende gecachte Transformations weiter antworten, aber neue Kombinationen liefern Fehler—statt eine sanfte Overage-Rechnung zu öffnen.

Ein bescheidener Launch: 1.500 Galerie-Frames × drei Widths = 4.500 Uniques, bevor Sie einen vierten Breakpoint oder einen zweiten Codec hinzufügen. Mitten im Launch ist ein schlechter Zeitpunkt, die Klippe zu entdecken. Nutzen Sie die Zahl als Planungsinstrument und prüfen Sie Cloudflares aktuelles Free-Allowance erneut—die Billing-Form dieses Produkts hat sich schon bewegt (inkl. der 2023er Zusammenführung der Images- und Image-Resizing-Pricing-Stories).

Eine Unique Transformation ist eine distinkte Request-Signatur: Width, Height, Fit, Format, Quality, Gravity und ähnliche Optionen. `width=800,format=webp` und `width=800,format=avif` sind zwei Uniques. Ebenso zwei Crops derselben Datei.

Deshalb ist „einfach AVIF hinzufügen“ oder „einfach eine Retina-Width“ auf dem Transformations-Zähler nicht gratis. Gecachte Wiederholungen derselben Signatur verbrennen keine neuen Uniques so wie erstmals gesehene Kombinationen.

ArtInStack speichert den Display-Master in Object Storage und liefert Lightbox- und Detail-Views von diesem Master über Cloudflare Image Resizing mit `format=auto` und responsiven Width-Kandidaten. Das passt zur surface-aware Story in Auflösung vs. Performance für Portfolio-Bilder.

Portfolio-Grids bevorzugen ein generiertes Thumbnail-Objekt, wenn eines existiert—damit eine 40-Bilder-Seite nicht standardmäßig vierzig frische Transform-Signaturen öffnet. Das ist die praktische Antwort auf die Free-Tier-Klippe: das günstige Tile vorbacken, den Master transformieren, wenn jemand wirklich genau hinschaut.

Client Galleries und private Delivery nutzen Private Portfolio Storage plus Platform-Auth und signierten Media-Zugriff—nicht Cloudflare Images Private/Signed Delivery als Produktfeature. Basteln Sie keine „private CF Images URLs“ und erwarten Sie nicht Portal-Verhalten.

Wenn Sie Resizing selbst verdrahten, besitzen Sie Variant-Planung, Cache-Verhalten, das monatliche Unique-Budget und den Tag, an dem Cloudflare den Zähler erneut ändert. Job der Plattform: Master, Thumbs und Edge-Transforms auf einer Säule halten—damit Sie publizieren statt Transformations-Signaturen zu zählen.

Nutzen Sie einen Plattform-Pfad wie ArtInStack, wenn Sie Master, Thumbs und Edge-Formate wollen, ohne das Transformations-Budget als zweiten Job zu führen.

Self-hosten Sie R2 + Image Resizing, wenn Sie URLs, Unique-Counts und Cloudflare-Changelogs gerne selbst besitzen.

Nutzen Sie den Cloudflare-Images-Vault, wenn Sie Originale im Stored/Delivered-Meter dieses Produkts wollen. Das ist eine andere Architektur als das R2-Master-Modell von ArtInStack.