Bild-CDN

Ein Upload. Jede Größe. Das richtige Format.

Bilder sind das schwerste Ding auf fast jeder Seite. Halten Sie ein hochwertiges Original und lassen Sie die Kante die Größe ändern, schneiden Sie es, konvertieren Sie es in WebP und Cache das Ergebnis - so jeder Besucher lädt genau das, was ihr Bildschirm braucht und nichts mehr.

Das Problem

Ein 4000-Pixel-Foto in einem 400-Pixel-Slot

Jemand lädt ein Foto direkt von einem Telefon. Das Thema skaliert es mit CSS, so dass es sieht aus Richtig — und der Besucher lädt immer noch alle 2,4 Megabyte davon herunter, dann wirft er 99% der Pixel weg.

Tun Sie das vier Mal auf einer Produktseite, auf einem Telefon, auf mobilen Daten, und Sie haben eine Seite gebaut, die sechs Sekunden dauert, um zu erscheinen, egal wie gut Ihr Hosting ist.

Der Fix ist kein schnellerer Server. Er sendet weniger Bytes.

Ursprünglich2.4 MB — 4000px JPEG
Verkleinern
~900 KB — 800px JPEG
+ WebP~590 KB
+ Qualität 82~280 KB — optisch identisch

Illustrative Figuren für ein typisches fotografisches Heldenbild. Ihre Kilometerzahl variiert mit dem Ausgangsmaterial – flache Grafiken komprimieren viel härtere, dichte Fotografie eher weniger.

Die Ordnung ist wichtig

Resizing macht den größten Teil der Arbeit; Format-Konvertierung und Qualität tun den Rest. Konvertieren eines 4000-Pixel-Images in WebP, ohne es zuerst zu resizing ist die Optimierung der falschen Sache.

Wie Sie es verwenden

Die Transformation ist in der URL

Kein SDK, kein Signieren, kein separater Imagehost. Fügen Sie einen Abfrageparameter zu einem bereits dienenden Bild hinzu und der Rand erzeugt diese Variante, speichert sie und dient jedem, der danach nach dem selben fragt.

Dein Original — unberührt, immer noch da
Die Ergebnisse der Studie wurden in einer Reihe von Fällen veröffentlicht, in denen die Ergebnisse der Studie nicht berücksichtigt wurden.
Größenänderung auf die Breite, die Sie tatsächlich anzeigen
Die Ergebnisse der Studie wurden in einer Reihe von Fällen veröffentlicht, in denen die Ergebnisse der Studie nicht berücksichtigt wurden.?Breite=800
Ein quadratisches Thumbnail, abgeschnitten von oben, so dass Köpfe im Rahmen bleiben
Die Ergebnisse der Studie wurden in einer Reihe von Fällen veröffentlicht, in denen die Ergebnisse der Studie nicht berücksichtigt wurden.?width=400&height=400&crop_gravity=north
Eine 16:9-Karte in leichterer Qualität
Die Ergebnisse der Studie wurden in einer Reihe von Fällen veröffentlicht, in denen die Ergebnisse der Studie nicht berücksichtigt wurden.?Breite=1200&aspect_ratio=16:9&Qualität=78
Und die, die Sie am meisten benutzen werden: überhaupt nichts
https://cdn.example.com/uploads/hero.jpg → WebP, automatisch, pro Browser

Automatische WebP-Konvertierung und eine Standard-Maximale Größe sind Zoneneinstellungen — schalten Sie sie einmal ein und jedes Bild auf der Website wird abgedeckt, ohne eine einzige URL ändern. Parameter sind für die Fälle, in denen Sie per Bildsteuerung wollen.

Kommend von Bunny.net? Die Parameternamen sind bewusst kompatibel, so dass bestehende Bild-URLs in der Regel weiter funktionieren, wenn Sie den Hostnamen auf uns zeigen.

Die vollständige Werkzeugkiste

Alles, was Sie sonst Photoshop für öffnen würden

All dies wurde auf dem Weg nach draußen, auf einer Kopie, auf Anfrage angewendet. Ihre Originaldatei wird nie geändert.

Größe ändern

Skalieren Sie auf eine Breite, eine Höhe oder beides. Seitenverhältnis bleibt erhalten, es sei denn, Sie fragen nach einer bestimmten Box.

Breite · Höhe

Pflanzen

Schnitt auf eine exakte Region oder auf ein Seitenverhältnis wie 16:9 oder 1:1 für konsistente Karten- und Miniaturraster.

Berücksichtigung

Pflanzengravitation

Neun Ankerpunkte, also hält ein porträtiertes Quadrat das Gesicht und nicht die Schultern.

crop_gravity

Qualität

1 bis 100, Standardwert 85. Unterhalb von etwa 75 Sie beginnen, es zu sehen; zwischen 78 und 85 Sie in der Regel nicht.

Qualität

Format Seiten

Erzwingen Sie JPEG, PNG, GIF oder WebP für ein bestimmtes Bild, wenn Sie die automatische Wahl überschreiben müssen.

Format

Automatisches WebP

Servieren Sie WebP Browser, die es akzeptieren, das ursprüngliche Format für alles, was nicht tut.

auto_webp

Drehen und drehen

Fixe Rotationen und Spiegelungen — die übliche Rettung für Fotos, die seitlich ankamen.

Drehen · Flip · Flop

Farbanpassungen

Helligkeit, Kontrast, Sättigung, Gamma und Tönung, um einen gemischten Produktkatalog wie einen Katalog aussehen zu lassen.

Helligkeit · Kontrast · Sättigung

Schärfen

Eine kleine Randdefinition zurück nach einer schweren Absenkung.

schärfen
Formatierung

Das richtige Format, entschieden pro Anfrage

Der Browser sagt, was er akzeptieren kann; die Kante antwortet entsprechend. Sie schreiben nicht eine einzige Zeile der Content-Verhandlung.

Request arrivesAccept: image/webp JPEG or PNG source, browser takes WebP Resized + WebP Older browser, no WebP support Resized, original format Already AVIF, or SVG / ICO Passed through untouched
Dateien, die bereits effizient sind, werden allein gelassen. Die Neukodierung eines AVIF in WebP würde es größer machen, so dass wir nicht.
Unter der Haube

Einmal transformiert, dann ist es nur eine zwischengespeicherte Datei

  1. Eine Variante wird zum ersten Mal angefordert

    Die Kante holt Ihr Original, transformiert es mit Libvips – schnell, Low-Memory, die gleiche Engine hinter den meisten ernsthaften Bildpipelines – und liefert das Ergebnis.

  2. Diese genaue Variante wird zwischengespeichert

    Jede Kombination von Parametern ist ein eigener Cache-Eintrag, der auf lokaler NVMe am nächsten Rand des Besuchers gespeichert ist, der gefragt hat.

  3. Jeder danach bekommt einen Cache-Hit

    Keine Transformation, keine Ursprungsanforderung. Es ist eine statische Datei, die schnell bedient wird, was die Sache ist, in der ein CDN am besten ist.

  4. Ihr Original wird nie verändert

    Ändern Sie Ihre Meinung über Qualität oder Größe, Säuberung, und die nächste Anfrage baut aus der unberührten Quelle. Nichts ist destruktiv.

Kein Build Step

Keine regenerierenden Thumbnails nach einer Themenänderung, keine gulp-Aufgabe, kein Warten auf eine Medienbibliothek, um 12.000 Dateien zu reprocessieren.

Keine Lagerkosten

Varianten leben im Cache, nicht in Ihrem Speichereimer. Zwanzig Größen eines Bildes bedeuten immer noch eine Datei, für die Sie verantwortlich sind.

Kein Plugin

Nichts installiert auf Ihrem Server, also nichts zu kollidieren, nichts zu aktualisieren, und keine zusätzliche PHP-Arbeit pro Anfrage.

Bezug: WordPress CDN · WooCommerce CDN · Alle Merkmale · Testen Sie Ihre Website

N Ä

Fragen, beantwortet

Nein. Sie behalten ein hochwertiges Original und fragen nach der gewünschten Größe in der URL. Die Kante erzeugt diese Variante bei der ersten Anforderung und speichert sie, so dass die zweite Anforderung ein gewöhnlicher Cache-Hit ist. Kein Bauschritt, kein Export, keine Medien-Bibliothek Regeneration, die vier Stunden dauert.
WebP, automatisch pro Browser gewählt — es wird von jedem aktuellen Browser unterstützt und ist typischerweise 25–35% kleiner als ein gleichwertiges JPEG. Bilder, die bereits in AVIF, zusammen mit SVG und ICO, werden durch unberührte anstatt wieder kodiert, so dass nichts schlimmer gemacht.
Nein. Automatische WebP-Konvertierung und eine Standardgröße benötigen nichts anderes als einen Schalter in den Zoneneinstellungen – Ihre vorhandenen Bildtags funktionieren weiter. Hinzufügen von Abfrageparametern nur dort, wo Sie per Bildsteuerung wollen.
Nur in Dateigröße, es sei denn, Sie fragen es. Qualität ist Ihre, um von 1 bis 100, mit einer vernünftigen Standardeinstellung bei 85, wo der Unterschied ist nicht sichtbar bei normaler Größe zu setzen. Alles andere — Frucht, Fruchtfolge, Farbe — geschieht nur, wenn Sie es ausdrücklich verlangen.
Normalerweise sehr viel. Das größte Element auf einer Seite ist sehr oft ein Heldenbild, so ist Größte Contentful Paint oft nur ein Image-Gewicht Problem mit einem metrischen Namen. Die Anpassung an die angezeigte Größe und die Umwandlung in WebP ist die schnellste Route von rot nach grün.
Sie funktionieren auf die gleiche Weise. Optimierung geschieht auf die Antwort, so dass es egal, ob die Datei kam aus einer WordPress-Media-Bibliothek, ein WooCommerce-Produkt Upload oder ein Ordner auf der Festplatte.
Das Original wird stattdessen bedient. Ein schlechter Parameter oder eine ungewöhnliche Quelldatei führt nie zu einem kaputten Bild auf Ihrer Seite – der schlimmste Fall ist ein unoptimierter.
Die Ausgabe ist mit 4096×4096 Pixeln begrenzt, was weit über das hinausreicht, was jede Anzeige braucht und existiert, rein, so dass niemand Ihre Zone als freie Rendering Farm nutzen kann.

Machen Sie Ihre Bilder fliegen

Starten Sie kostenlos in zwei Minuten — 25 GB kostenlos jeden Monat, keine Karte erforderlich.

Kostenlos starten