Samme «komprimer WebP», men forskellige mennesker har helt forskellige behov:
Nogle vil konvertere JPG/PNG til WebP, andre har allerede WebP og vil have det mindre, og nogle skal håndtere GIF-aktiver.
Der findes ingen værktøjer der er absolut bedst; det handler om hvad der passer dig bedst. Her er anbefalinger opdelt på scenarier, hvor vi kun giver de mest brugbare præcis én eller to.
Først: 2 minutter for at forstå WebP
WebP findes faktisk i tre former:
- Lossy WebP: Ligner JPEG, kaster detaljer baseret på kvalitetsparametre. Mindre filstørrelse, egnet til billeder, banner.
- Lossless WebP: Ligner PNG, pixelne ændres ikke. Godt til screenshots, UI-assets.
- Animated WebP: Flere frames med animation. Kan være lossy eller lossless. Almindeligvis fra GIF-konverterede smiley-er og demoen.
Hvis du er usikker på hvilken type du har, brug Googles officielle webpinfo:
bash
brew install webp
webpinfo image.webp
Udskriften viser VP8 for lossy, VP8L for lossless. Hvis der er ANIM / ANMF er det en animation.
Der er også noget værd at vide først: Hvis du gengiver en lossy WebP med højere kvalitetsparameter, bliver filstørrelsen større, men billedkvaliteten bliver ikke bedre – de kastede detaljer kommer ikke tilbage. Derfor bør et godt WebP-komprimeringsværktøj kunne vurdere «hvis det ikke kan komprimeres mere, så komprimer ikke».
Scenario 1: Konverter JPG/PNG i batch til WebP
Dette er det, de fleste gør, når de møder WebP for første gang.
Til grafisk brugerflade anbefales XnConvert. Gratis, tværplatform, kan trække en gruppe billeder ind ad gangen, indstille WebP-kvalitet eller lossless, og samtidig ændre størrelse og filnavn. At ændre format er det nemmeste med dette værktøj.
Til brug i build-processen: cwebp eller sharp. I webprojekter er det bedre at lave det automatisk under pakning eller upload til CDN:
bash
cwebp: kvalitet 75, langsomste, mindste kodemetode, bevarer farveprofil
ncwebp -q 75 -m 6 -metadata icc input.jpg -o output.webp
js
// sharp (Node.js)
await sharp('input.jpg').webp({ quality: 75, effort: 6 }).toFile('output.webp')
Vil du vide hvilke parametre der passer? Prøv Squoosh først. Googles online-værktøj, håndterer ét billede ad gangen, men kan vise resultatet side om side og justere kvalitet i realtid. Find ud af «hvilken kvalitet passer til denne type billede», så kan du bruge parametrene i de batch-værktøjer nævnt ovenfor.
Scenario 2: Eksisterende WebP skal komprimeres mere
Din hjemmeside bruger allerede WebP, men Lighthouse siger «billeder kan komprimeres mere»; eller der er mange WebP-filer i mappen, der fylder plads. I dette tilfælde skal du ikke konvertere formatet, men komprimere eksisterende filer på plads.
Mac-brugere: ImgZilla
ImgZilla er vores macOS-billedkomprimeringsværktøj, der er særligt god til dette:
- Komprimerer på plads, filstien ændres ikke.
banner.webpforbliverbanner.webpefter komprimering. Ingen ændring i henvisninger i websider, koder eller dokumenter. - Træk hele mappen ind. Scanner alle undermapper rekursivt, springer skjulte filer og
node_modulesover; håndterer WebP og JPG/PNG/GIF/AVIF/HEIC/SVG i en gang. - Ingen parametre at indstille. Bruger Googles libwebp-kodning, kvalitet 75, kodningseffort 4, det samme som Squoosh standardparametre; bevarer det alfakanal med højeste kvalitet, så baggrunden ikke bliver uklar.
- Komprimerer ikke, hvis det ikke giver mening. Hvis gengivningen ikke gør filen mindre (mindre end 0,4 %), markeres den som «mindst mulig» og den oprindelige fil behandles uændret. Ingen større filer sendes videre, og du bruger ikke din gratis kvote.
- Gør det godt igen. Originalerne flyttes automatisk til papirkurven. Hvis du er usikker, kan du højreklikke og vælge «Gem på plads».
- Kører fuldstændigt lokalt. Ingen billeder uploades til nogen server.
👉 Download ImgZilla fra Mac App Store
Andre platforme: Caesium eller TinyPNG
- Caesium Image Compressor: Gratis og open source, til Windows, macOS og Linux. Understøtter batch-komprimering af WebP, kan indstille kvalitet og om metadata skal bevares.
- TinyPNG: Web-værktøj, også til WebP. Træk filer ind, men gratisversion har begrænsninger på antal og størrelse. Billederne uploades til deres server.
Scenario 3: Animated WebP
Der er to typer behov:
Konverter GIF til Animated WebP: Brug Googles officielle gif2webp (samme pakke som cwebp, findes i libwebp). Til samme animation bruger Animated WebP typisk langt mindre plads end GIF.
bash
gif2webp -q 75 -m 6 input.gif -o output.webp
Eksisterende Animated WebP skal komprimeres mere: Mange værktøjer fejler eller beholder kun den første frame. ImgZilla understøtter det – genkoder hver frame individuelt, bevarer antal frames, varighed, løkkeantal og størrelse. Animationen bliver den samme, men filen er mindre. Som med statiske billeder markeres filer der ikke kan gøres mindre som «mindst mulig» og beholder den oprindelige fil.
Scenario 4: Pixelne skal være uændrede
UI-aktiver skal være strengt ens med designet, screenshots skal sammenlignes pixelpræcist, og ressourcer skal redigeres senere – i disse tilfælde kræves lossless.
Med cwebp:
bash
Rent lossless
cwebp -lossless -z 9 input.png -o output.webp
Næsten lossless: små pixelændringer, men betydeligt mindre end rent lossless. Godt til screenshots og UI.
cwebp -near_lossless 60 input.png -o output.webp
Bemærk: ImgZilla bruger lossy-kodning for alle WebP-filer, også hvis de oprindeligt var lossless. Størrelsen bliver typisk markant mindre, men pixelne er ikke længere præcis de samme. Derudover fjernes metadata (inkl. farveprofil) fra WebP-filer. Det påvirker ikke almindelige sRGB-billeder, men billeder med Display P3 eller anden bred farvevindue kan have lidt anderledes farver i farvehåndteringssoftware. Hvis du har strengt krav til pixel og farve, brug cwebp eller sortér disse filer ud før komprimering.
Opsamling i tabel
| Du skal gøre dette | Anbefaling | Alternativ |
|---|---|---|
| Konverter JPG/PNG i batch til WebP | XnConvert | cwebp, sharp (build) |
| Prøv parametre, enkelt billede | Squoosh | — |
| Eksisterende WebP komprimere mere (Mac) | ImgZilla | Caesium |
| Eksisterende WebP komprimere mere (Windows/Linux) | Caesium | TinyPNG |
| GIF til Animated WebP | gif2webp | — |
| Eksisterende Animated WebP komprimere mere | ImgZilla | Eget script med libwebp |
| Pixelne skal være uændrede | cwebp -lossless / -near_lossless |
— |
Download-links
| Værktøj | Platform | Pris | Download |
|---|---|---|---|
| ImgZilla | macOS 12.3+ | Gratis, 10 billeder/dag | Mac App Store |
| XnConvert | Windows / macOS / Linux | Personligt gratis | xnview.com |
| Caesium Image Compressor | Windows / macOS / Linux | Gratis open source | saerasoft.com |
| cwebp / gif2webp / webpinfo | Kommandolinje | Gratis open source | Google officiel download, Mac: brew install webp |
| sharp | Node.js | Gratis open source | sharp.pixelplumbing.com, npm install sharp |
| Squoosh | Web | Gratis | squoosh.app |
| TinyPNG | Web | Gratis med begrænsning | tinypng.com |
Slutning
WebP er allerede en meget effektiv format. Hvis dine WebP-filer er genereret med rimelige parametre af CDN eller byggeværktøjer, er der ikke meget plads til at spare; at se «mindst mulig» er normalt. Det største sparerum opstår ofte ved billeder, der er eksporteret med høj kvalitet, konverteret fra PNG uden tab, eller direkte fra GIF uden efterbehandling.
Start med at bruge webpinfo til at se tydeligt på hvad du har, og vælg derefter et værktøj baseret på scenario. Det sparer meget mere tid end at prøve mellem mange værktøjer.
ImgZilla understøtter i øjeblikket kun macOS (12.3 og nyere), tilgængelig på Mac App Store. Gratisversionen kan komprimere 10 billeder om dagen, og kun hvis komprimeringen lykkes – træk en mappe fyldt med WebP ind, og se hvor meget du kan spare.
}