Bild- CDN

En uppladdning. Alla storlekar. Rätt format.

Bilder är det tyngsta på nästan varje sida. Behåll ett högkvalitativt original och låt kanten ändra storlek på det, beskära det, konvertera det till WebP och cacha resultatet - så att varje besökare laddar ner exakt vad deras skärm behöver och inget mer.

Problemet

Ett 4000-pixel foto i en 400-pixel slot

Någon laddar upp ett foto direkt från en telefon. Temat skalar ner det med CSS, så det utseende Och besökaren laddar fortfarande ner alla 2,4 megabyte av det och kastar sedan 99% av pixlarna bort.

Gör det fyra gånger på en produktsida, på en telefon, på mobildata, och du har byggt en sida som tar sex sekunder att visas oavsett hur bra din värd är.

Fixen är inte en snabbare server. Den skickar färre byte.

Ursprunglig
2.4 MB 4000px JPEG
Ändrad storlek
900 KB 800px JPEG
+ WebP590 KB
+ kvalitet 82280 KB visuellt identisk

Illustrativa siffror för en typisk fotografisk hjältebild. Din körsträcka varierar med källmaterialet - platt grafik komprimerar mycket hårdare, tät fotografering ganska mindre.

Ordern är viktig

Ändra storlek gör det mesta av arbetet; formatkonvertering och kvalitet gör resten. Konvertera en 4000-pixel bild till WebP utan att ändra storlek först optimerar fel sak.

Hur du använder den

Transformationen finns i webbadressen

Inget SDK, ingen signering, ingen separat bildvärd. Lägg till en frågeparameter till en bild som du redan tjänar och kanten producerar den varianten, cachar den och serverar den till alla som ber om samma sak efteråt.

Ditt original – orört, fortfarande där
https://cdn.example.com/uploads/hero.jpg
Ändra storlek till den bredd du faktiskt visar
https://cdn.example.com/uploads/hero.jpg?bredd=800
En fyrkantig miniatyrbild, beskuren uppifrån så huvuden stannar i ram
https://cdn.example.com/uploads/hero.jpg?width=400&height=400&crop_gravity=norr
Ett 16:9-kort i ljusare kvalitet
https://cdn.example.com/uploads/hero.jpg?bredd=1200&aspekt_förhållande=16:9&kvalitet=78
Och den du kommer att använda mest: ingenting alls
https://cdn.example.com/uploads/hero.jpg WebP, automatiskt, per webbläsare

Automatisk WebP-konvertering och en förvald maximal storlek är zoninställningar – slå på dem en gång och varje bild på webbplatsen täcks utan att en enda webbadress ändras. Parametrar är för de fall där du vill ha kontroll per bild.

Kommer från Bunny.net? Parameternamnen är avsiktligt kompatibla, så befintliga bildwebbadresser fortsätter i allmänhet att fungera när du pekar värdnamnet på oss.

Hela verktygslådan

Allt du annars skulle öppna Photoshop för

Allt användes på vägen ut, på en kopia, vid förfrågan. Din ursprungliga fil ändras aldrig.

Ändra storlek

Skala till en bredd, en höjd eller båda. Bildförhållandet bevaras om du inte ber om en specifik ruta.

bredd höjd

Beskär

Klipp till en exakt region eller till ett bildförhållande som 16:9 eller 1:1 för konsekventa kort- och miniatyrbildsraster.

beskära aspekt_förhållande

Beskär gravitation

Nio ankarpunkter, så ett porträtt beskuren fyrkant håller ansiktet och inte axlarna.

crop_gravity

Kvalitet

1 till 100, standard till 85. Under ca 75 du börjar se det; mellan 78 och 85 du i allmänhet inte.

kvalitet

Format

Tvinga JPEG, PNG, GIF eller WebP för en viss bild när du behöver åsidosätta det automatiska valet.

format

Automatisk WebP

Servera WebP till webbläsare som accepterar det, det ursprungliga formatet till något som inte gör det. Beslutas per förfrågan.

auto_webp

Rotera och vänd

Fasta rotationer och spegling den vanliga räddningen för bilder som kom i sidled.

rotera flip flopp

Färgjusteringar

Ljusstyrka, kontrast, mättnad, gamma och nyans, för att göra en blandad produktkatalog ser ut som en katalog.

ljusstyrka kontrast mättnad

Skärpa

En liten kantdefinition tillbaka efter en tung nedskalning.

skärpa
Formathantering

Rätt format, bestämt per förfrågan

Webbläsaren säger vad den kan acceptera; kanten svarar därefter. Du skriver inte en enda rad av innehållsförhandling.

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
Filer som redan är effektiva lämnas ensamma. Omkodning av en AVIF till WebP skulle göra den större, så vi gör det inte.
Under huven

Omvandlas en gång, då är det bara en cachad fil

  1. En variant begärs för första gången

    Kanten hämtar ditt original, omvandlar det med libvips – snabb, lågminne, samma motor bakom de mest seriösa bildpipelines – och returnerar resultatet.

  2. Den exakta varianten är cached

    Varje kombination av parametrar är sin egen cachepost, lagrad på lokal NVMe vid kanten närmast besökaren som frågade.

  3. Alla efter det får en cache träff

    Ingen omvandling, ingen ursprungsbegäran. Det är en statisk fil som serveras snabbt, vilket är det som ett CDN är bäst på.

  4. Originalet har aldrig ändrats

    Ändra dig om kvalitet eller storlekar, rensa och nästa begäran återuppbyggs från den orörda källan. Ingenting är destruktivt.

Inget byggsteg

Inga regenererande miniatyrer efter en temaändring, ingen gulp-uppgift, ingen väntar på att ett mediebibliotek ska bearbeta 12 000 filer.

Ingen lagringskostnad

Varianter bor i cachen, inte i din lagrings hink. Tjugo storlekar av en bild betyder fortfarande en fil du är ansvarig för.

Inget insticksprogram

Inget installerat på din server, så inget att konflikt, inget att uppdatera, och ingen extra PHP arbete per förfrågan.

Relaterat: WordPress CDN WooCommerce CDN Alla funktioner Testa din webbplats

FAQ

Frågor, besvarade

Nej. Du behåller ett högkvalitativt original och ber om den storlek du vill ha i webbadressen. Kanten producerar den varianten på den första begäran och cachar den, så den andra begäran är en vanlig cacheträff. Inget byggsteg, ingen export, inget mediabiblioteksregenerering som tar fyra timmar.
WebP, som väljs automatiskt per webbläsare – den stöds av alla aktuella webbläsare och är vanligtvis 2535 % mindre än en motsvarande JPEG. Bilder som redan finns i AVIF, tillsammans med SVG och ICO, passeras genom orörda snarare än omkodade, så ingenting blir värre.
Nej. Automatisk WebP-konvertering och en maximal standardstorlek behöver bara en växel i dina zoninställningar – dina befintliga bildtaggar fortsätter att fungera. Lägg bara till frågeparametrar där du vill ha kontroll per bild.
Endast i filstorlek, om du inte ber om det. Kvaliteten är din att ställa in från 1 till 100, med en förnuftig standard på 85 där skillnaden inte är synlig vid normal visningsstorlek. Allt annat - gröda, rotation, färg - händer bara om du uttryckligen begär det.
Vanligtvis mycket. Det största elementet på en sida är ofta en hjältebild, så största innehållsrika färg är ofta bara ett bildviktsproblem som bär ett metriskt namn. Att ändra storlek till den visade storleken och konvertera till WebP är den snabbaste vägen från rött till grönt.
De fungerar på samma sätt. Optimering sker på svaret, så det spelar ingen roll om filen kom från ett WordPress mediebibliotek, en WooCommerce produktuppladdning eller en mapp på disk.
Originalet serveras istället. En dålig parameter eller en ovanlig källfil resulterar aldrig i en trasig bild på din sida – det värsta fallet är en optimiserad.
Utgången är begränsad till 4096 4096 pixlar, vilket är långt bortom vad någon bildskärm behöver och existerar rent så att ingen kan använda din zon som en fri rendering gård.

Få dina bilder att flyga

Starta gratis på två minuter – 25 GB gratis varje månad, inget kort krävs.

Starta gratis