Billede CDN

En upload. Hver størrelse. Det rigtige format.

Billeder er det tungeste på næsten alle sider. Behold en original af høj kvalitet, og lad kanten ændre størrelsen, beskære den, konvertere den til WebP og cache resultatet – så hver besøgende downloader præcis, hvad deres skærm har brug for og intet mere.

Problemet

Et 4000-pixel foto i en 400-pixel slot

Nogen uploader et billede direkte fra en telefon. Temaet skalerer det ned med CSS, så det udseende Og den besøgende downloader stadig alle 2,4 megabyte af det, og derefter smider 99% af pixels væk.

Gør det fire gange på en produktside, på en telefon, på mobildata, og du har bygget en side, der tager seks sekunder at vises, uanset hvor god din hosting er.

Rettelsen er ikke en hurtigere server. Den sender færre bytes.

Original
2.4 MB 4000px JPEG
ndret størrelse
900 KB 800px JPEG
+ WebP590 KB
+ kvalitet 82280 KB visuelt identisk

Illustrerende tal for et typisk fotografisk heltebillede. Dit kilometertal varierer med kildematerialet - flad grafik komprimerer langt hårdere, tæt fotografering snarere mindre.

Ordren betyder noget

ndring af størrelse gør det meste af arbejdet; formatkonvertering og kvalitet gør resten. Konvertering af et 4000-pixel billede til WebP uden at ændre størrelsen først optimerer den forkerte ting.

Hvordan du bruger det

Transformationen er i URL'en

Intet SDK, ingen signering, ingen separat billedvært. Tilføj en forespørgselsparameter til et billede, du allerede tjener, og kanten producerer den variant, cachelagrer den og serverer den til alle, der beder om det samme bagefter.

Din oprindelige - uberørt, stadig der
https://cdn.example.com/uploads/hero.jpg
ndre størrelse til den bredde, du rent faktisk viser
https://cdn.example.com/uploads/hero.jpg?bredde=800
En firkantet miniature, beskåret fra toppen, så hovederne forbliver i ramme
https://cdn.example.com/uploads/hero.jpg?width=400&height=400&crop_gravity=north
Et 16:9 kort i en lettere kvalitet
https://cdn.example.com/uploads/hero.jpg?width=1200&aspect_ratio=16:9&quality=78
Og den, du vil bruge mest: slet ingenting
https://cdn.example.com/uploads/hero.jpg WebP, automatisk, pr. browser

Automatisk WebP-konvertering og en maksimal standardstørrelse er zoneindstillinger – slå dem til én gang, og hvert billede på webstedet er dækket uden en enkelt URL-adresse, der ændres. Parametre er til de tilfælde, hvor du vil have kontrol pr. billede.

Kommer fra Bunny.net? Parameternavnene er bevidst kompatible, så eksisterende billedwebadresser generelt fortsætter med at arbejde, når du peger værtsnavnet på os.

Den fulde værktøjskasse

Alt, hvad du ellers ville åbne Photoshop for

Alt sammen anvendt på vej ud, på en kopi, på anmodning tid. Din oprindelige fil er aldrig ændret.

ndr størrelse

Skaler til en bredde, en højde eller begge dele. Billedforholdet bevares, medmindre du beder om en bestemt boks.

bredde højde

Beskær

Klip til et præcist område eller til et billedforhold som 16:9 eller 1:1 for ensartede kort- og miniaturegitter.

afgrøde aspektforhold

Afgrødetyngde

Ni ankerpunkter, så et portræt beskåret firkant holder ansigtet og ikke skuldrene.

crop_gravity

Kvalitet

1 til 100, standard til 85. Under omkring 75 begynder du at se det; mellem 78 og 85 gør du generelt ikke.

kvalitet

Format

Tving JPEG, PNG, GIF eller WebP til et bestemt billede, når du skal tilsidesætte det automatiske valg.

format

Automatisk WebP

Servere WebP til browsere, der accepterer det, det oprindelige format til noget, der ikke gør. Besluttet pr anmodning.

auto_webp

Roter og vend

Faste rotationer og spejling den sædvanlige redning for fotos, der ankom sidelæns.

roter flip flop

Farvejusteringer

Lysstyrke, kontrast, mætning, gamma og farvetone, for at få et blandet produktkatalog til at ligne et katalog.

lysstyrke kontrast mætning

Skærp

En lille kantdefinition tilbage efter en kraftig nedskalering.

Skærp
Formathåndtering

Det rigtige format, besluttet pr. anmodning

Browseren siger, hvad den kan acceptere; kanten svarer i overensstemmelse hermed. Du skriver ikke en enkelt linje af indhold forhandling.

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, der allerede er effektive, står alene. Omkodning af en AVIF til WebP ville gøre det større, så det gør vi ikke.
Under kølerhjelmen

Transformeret én gang, så er det bare en cachelagret fil

  1. En variant er efterspurgt for første gang

    Kanten henter din original, transformerer den med libvips – hurtigt, med lavt hukommelsesniveau, den samme motor bag de fleste seriøse billedrørledninger – og returnerer resultatet.

  2. Den præcise variant er cached

    Hver kombination af parametre er sin egen cache-indgang, gemt på lokal NVMe ved kanten nærmest den besøgende, der spurgte.

  3. Alle efter det får en cache hit

    Ingen transformation, ingen oprindelsesanmodning. Det er en statisk fil, der serveres hurtigt, hvilket er det, en CDN er bedst til.

  4. Originalen bliver aldrig ændret

    Skift din mening om kvalitet eller størrelser, udrensning, og den næste anmodning genopbygger fra den uberørte kilde. Intet er destruktivt.

Ingen byggetrin

Ingen regenererende miniaturebilleder efter en temaændring, ingen gulp opgave, ingen venter på et mediebibliotek til at oparbejde 12.000 filer.

Ingen lageromkostninger

Varianter bor i cachen, ikke i din opbevaringsbøtte. Tyve størrelser af et billede betyder stadig en fil, du er ansvarlig for.

Intet plugin

Intet installeret på din server, så intet at konflikt, intet at opdatere, og ingen ekstra PHP arbejde per anmodning.

Relateret: WordPress CDN WooCommerce CDN Alle funktioner Test dit websted

FAQ

Spørgsmål, besvaret

Nej. Du beholder en original af høj kvalitet og beder om den ønskede størrelse i URL'en. Kanten producerer den variant på den første anmodning og cachelagrer den, så den anden anmodning er et almindeligt cache-hit. Ingen byggetrin, ingen eksport, ingen mediebiblioteksregenerering, der tager fire timer.
WebP, der vælges automatisk pr. browser - det understøttes af alle nuværende browsere og er typisk 25-35% mindre end en tilsvarende JPEG. Billeder, der allerede er i AVIF, sammen med SVG og ICO, passeres gennem uberørt snarere end re-kodet, så intet er gjort værre.
Nej. Automatisk WebP-konvertering og en maksimal standardstørrelse kræver kun en switch i dine zoneindstillinger – dine eksisterende billedtags fortsætter med at fungere. Tilføj kun forespørgselsparametre, hvor du vil have kontrol pr. billede.
Kun i filstørrelse, medmindre du beder om det. Kvalitet er din til at indstille fra 1 til 100, med en fornuftig standard på 85, hvor forskellen ikke er synlig ved normal visningsstørrelse. Alt andet - beskæring, rotation, farve - sker kun, hvis du udtrykkeligt anmoder om det.
Som regel meget. Det største element på en side er meget ofte et heltebillede, så Største indholdsrige maling er ofte bare et billedvægtproblem, der bærer et metrisk navn. Størrelsesændring til den viste størrelse og konvertering til WebP er den hurtigste rute fra rød til grøn.
De fungerer på samme måde. Optimering sker på svaret, så det er ligegyldigt, om filen kom fra et WordPress mediebibliotek, en WooCommerce produkt upload eller en mappe på disken.
Originalen serveres i stedet. En dårlig parameter eller en usædvanlig kildefil resulterer aldrig i et brudt billede på din side - det værste tilfælde er en uoptimeret.
Output er begrænset til 4096 4096 pixels, hvilket er langt ud over, hvad enhver skærm har brug for og eksisterer rent, så ingen kan bruge din zone som en gratis rendering farm.

Få dine billeder til at flyve

Start gratis om to minutter – 25 GB gratis hver måned, uden brug af kort.

Start gratis