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 hämtar exakt vad deras skärm behöver och inget mer.

Problemet

Ett foto på 4000 pixlar i en 400-pixlarsspalt

Någon laddar utseende ner alla 2,4 megabyte av det och kastar 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. Det skickar färre byte.

Ursprunglig
2,4 MB 4000px JPEG
Ändrad storlek
900 KB – 800 px JPEG
+ WebP
590 KB
+ kvalitet 82
280 KB visuellt identiska

Illustrativa figurer för en typisk fotografisk hjältebild. Din körsträcka varierar med källmaterialet – platt grafik komprimerar betydligt hårdare och tätare bilder än tidigare.

Ordern är viktig

Att ändra storlek gör det mesta av arbetet; formatkonvertering och kvalitet gör resten. Att konvertera en 4000-pixelbild till WebP utan att först ändra storlek på den är att optimera 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å att huvudet stannar i bilden
https://c? bredd=400&höjd=400&skär_gravitation=norr
16:9 kort i ljusare kvalitet
https://c? 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 detta gällde på vägen ut, på en kopia, på begäran tid. Din ursprungliga fil ändras aldrig.

Ändra storlek

Skala till en bredd, en höjd eller bådadera. 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 aspektförhållande

Beskärningstyngd

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

crop_gravity

Kvalitet

1 till 100, standardvärdet är 85. Under cirka 75 börjar du se det; mellan 78 och 85 gör du i allmänhet inte.

kvalitet

Format

Tvinga fram 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. Beslutad per begäran.

auto_webp

Rotera och vänd

Fasta rotationer och spegling – den vanliga räddningen för foton som kommit i sidled.

rotera flip flopp

Färgjusteringar

Ljusstyrka, kontrast, mättnad, gamma och färgton för att få en blandad produktkatalog att se ut som en katalog.

ljusstyrka kontrast mättnad

Skärpa

En liten kantdefinition tillbaka efter en kraftig nedskalning.

skärpa
Formathantering

Rätt format, bestämt per begäran

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

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. Att koda om en AVIF till WebP skulle göra den större, så det gör vi 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 – snabbt, med lågt minne, samma motor bakom de mest seriösa bildpipelines – och returnerar resultatet.

  2. Den exakta varianten är cachelagrad

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

  3. Alla efter det får en cacheträff

    Ingen omvandling, ingen begäran om ursprung. 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 byggs om från den orörda källan. Ingenting är destruktivt.

Inget byggsteg

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

Ingen lagringskostnad

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

Inget insticksprogram

Inget som är installerat på din server, så inget som är i konflikt, inget som behöver uppdateras och inget 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 cachelagrar den, så den andra begäran är en vanlig cacheträff. Inget byggsteg, ingen export, inget mediabibliotek 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-bild. Bilder som redan finns i AVIF, tillsammans med SVG och ICO, skickas 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.
Bara 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.
Oftast 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 ooptimerad bild.
Utgången är begränsad till 4096 4096 pixlar, vilket är långt utöver 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