Billede-CDN

Én upload. Alle størrelser. Det rigtige format.

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

Problemet

Et foto på 4000 pixels i et slot med 400 pixels

Nogen udseende downloader stadig alle 2,4 megabyte af det og smider derefter 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.

Løsningen er ikke en hurtigere server. Det sender færre bytes.

Original
2,4 MB 4000px JPEG
ndret størrelse
900 KB 800px JPEG
+ WebP
590 KB
+ kvalitet 82
280 KB visuelt identisk

Illustrerende figurer til et typisk fotografisk heltebillede. Dit kilometertal varierer afhængigt af kildematerialet – flad grafik komprimerer langt hårdere og tættere fotografering i mindre grad.

Ordren betyder noget

Størrelsesændring 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 er at optimere det forkerte.

Sådan bruger du 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, cacher den og serverer den til alle, der beder om det samme bagefter.

Din originale – uberørt, stadig der
https://cdn.example.com/uploads/hero.jpg
Skift størrelse til den bredde, du rent faktisk viser
https://cdn.example.com/uploads/hero.jpg?-bredde=800
Et firkantet miniaturebillede, der er beskåret fra toppen, så hovederne forbliver i rammen
https://c? bredde=400&højde=400&crop_gravity=nordth
Et 16:9 kort i en lettere kvalitet
https://c?-bredde=1200&aspect_ratio=16:9&kvalitet=78
Og den, du bruger 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 ønsker kontrol pr. billede.

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

Den fulde værktøjskasse

Alt, hvad du ellers ville have åbnet Photoshop for

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

ndr størrelse

Skalér til en bredde, en højde eller begge dele. Aspektforholdet bevares, medmindre du beder om en bestemt boks.

bredde højde

Beskær

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

crop aspektforhold

Afgrødetyngdekraft

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

crop_gravity

Kvalitet

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

kvalitet

Formatér

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

format

Automatisk WebP

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

auto_webp

Rotér og vend

Faste rotationer og spejling – den sædvanlige løsning for fotos, der ankom sidelæns.

roter flip flop

Farvejusteringer

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

lysstyrke kontrast mætning

Skærp

En lille kantdefinition tilbage efter en kraftig nedskalering.

skarphed
Formathåndtering

Det rigtige format, bestemt pr. anmodning

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

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, bliver ladt alene. En genkodning af en AVIF til WebP ville gøre den større, så det gør vi ikke.
Under kølerhjelmen

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

  1. Der anmodes om en variant for første gang

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

  2. Den nøjagtige variant er cachelagret

    Hver kombination af parametre er dens egen cacheindgang, der er gemt på den lokale NVMe ved kanten nærmest den besøgende, der spurgte.

  3. Alle efter det får et cache-hit

    Ingen transformation, ingen anmodning om oprindelse. Det er en statisk fil, der serveres hurtigt, hvilket er det, som et CDN er bedst til.

  4. Originalen bliver aldrig ændret

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

Ingen byggetrin

Ingen regenerering af miniaturebilleder efter en temaændring, ingen løse opgave, ingen ventetid på, at et mediebibliotek skal oparbejde 12.000 filer.

Ingen opbevaringsomkostninger

Varianter lever i cachen, ikke i din opbevaringsspand. Tyve størrelser af ét billede betyder stadig én fil, du er ansvarlig for.

Intet plugin

Intet installeret på din server, så intet at komme i konflikt med, intet at opdatere og intet ekstra PHP-arbejde pr. anmodning.

Relateret: WordPress CDN WooCommerce CDN Alle funktioner Test dit websted

FAQ

Spørgsmål, besvaret

Nej. Du beholder én original i høj kvalitet og beder om den ønskede størrelse i webadressen. Kanten producerer den variant på den første anmodning og cachelagrer den, så den anden anmodning er et almindeligt cachehit. Ingen byggetrin, ingen eksport, ingen regenerering af mediebiblioteker, der tager fire timer.
WebP, der vælges automatisk pr. browser – den understøttes af alle aktuelle browsere og er typisk 25-35% mindre end en tilsvarende JPEG-fil. Billeder, der allerede er i AVIF, sammen med SVG og ICO, sendes gennem uberørte snarere end re-kodet, så intet bliver 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. Kvaliteten kan indstilles fra 1 til 100 med en fornuftig standardværdi 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 vej fra rød til grøn.
De arbejder 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å disk.
Originalen serveres i stedet. En dårlig parameter eller en usædvanlig kildefil resulterer aldrig i et ødelagt billede på din side – det værste tilfælde er et uoptimeret billede.
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 gård.

Få dine billeder til at flyve

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

Start gratis