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 vom Telefon hoch. Das Thema skaliert es mit CSS, also sieht aus — 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. Es sendet weniger Bytes.

Ursprünglich
2,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 Laufleistung 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. Ein 4000-Pixel-Bild in WebP umzuwandeln, ohne es zuerst zu verändern, ist das Falsche zu optimieren.

Wie Sie es verwenden

Die Transformation ist in der URL

Kein SDK, kein Signieren, kein separater Bildhost. Fügen Sie einen Abfrage-Parameter zu einem Bild hinzu, das Sie bereits bedienen, und der Rand erzeugt diese Variante, speichert sie und dient jedem, der danach nach dem gleichen 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? Breite=400&Höhe=400&Crop_Schwerkraft=Nord
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: gar 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 ohne eine einzige URL ändern abgedeckt. Parameter sind für die Fälle, in denen Sie per Bildsteuerung wollen.

Kommst du aus Bunny.net? Die Parameternamen sind bewusst kompatibel, so dass bestehende Image-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

Alles auf dem Weg nach draußen, auf einer Kopie, auf Anfrage Zeit. Ihre ursprüngliche Datei wird nie verändert.

Größe ändern

Auf eine Breite, eine Höhe oder beides skalieren. Das Seitenverhältnis bleibt erhalten, es sei denn, Sie fragen nach einem bestimmten Feld.

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, in der Regel 85. Unterhalb von etwa 75 beginnt man, es zu sehen; zwischen 78 und 85 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

Serve WebP zu Browsern, die es akzeptieren, das ursprüngliche Format für alles, was nicht. Beschlossen pro Anfrage.

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; der Rand antwortet entsprechend. Sie schreiben keine 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, bleiben allein. Ein AVIF in WebP zu kodieren würde es größer machen, also tun wir es 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, kein Ursprungswunsch. 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ößen, 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 schlechter gemacht.
Nein.Automatische WebP-Konvertierung und eine Standard-Maximale Größe benötigen nichts anderes als einen Schalter in den Zoneneinstellungen – Ihre vorhandenen Bildtags funktionieren weiter. Hinzufügen von Abfrageparametern nur, wenn 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 genauso. Optimierung geschieht auf der 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 serviert. Ein schlechter Parameter oder eine ungewöhnliche Quelldatei führt nie zu einem kaputten Bild auf Ihrer Seite – der schlimmste Fall ist ein unoptimiertes.
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