Samma sak som att "komprimera WebP" men olika användare vill göra olika saker:
Vissa vill konvertera en mängd JPG, PNG till WebP; vissa har redan WebP och vill komprimera dem ytterligare; andra hanterar anerade WebP.
Det finns inga absolut bra eller dåliga verktyg, bara de som passar. Den här artikeln rekommenderar verktyg baserat på användningsfall och ger bara de mest bekväma för varje scenario.
Innan du börjar: Förstå WebP på två minuter
WebP finns i tre former:
- Lossy WebP: Liknar JPEG, slänger detaljer baserat på en kvalitetsparameter. Litet filstorlek, bra för foton, banners.
- Lossless WebP: Liknar PNG, pixlar är helt oförändrade. Bra för skärmbilder, UI-material.
- Animerad WebP: Fler bildrutor, kan vara lossy eller lossless. Vanligt från GIF-konverterade emojis och demovideo.
Om du är osäker, använd Googles officiella webpinfo för att kolla:
bash
brew install webp
webpinfo image.webp
I utdata finns VP8 för lossy, VP8L för lossless, och ANIM / ANMF betyder en animerad bild.
Ett annat tips: För lossy WebP kommer filstorleken att öka om du använder en högre kvalitetsparameter, men bilden blir inte bättre – det som slängs kan inte återvända. Därför bör ett bra verktyg för WebP kunna avgöra "inte komprimera om det inte går" för befintliga WebP-bilder.
Scenario 1: Konvertera JPG/PNG till WebP i batch
Detta är vad de flesta gör när de första gången möter WebP.
För grafiskt gränssnitt välj XnConvert. Gratis, plattformsoberoende, dra in flera bilder åt gången, ställ in kvalitet eller lossless-läge, ändra storlek och filnamn samtidigt. Det är det mest smidiga verktyget för att konvertera format.
För att integrera i byggprocessen välj cwebp eller sharp. I ett webbprojekt är det bättre att automatiskt hantera konverteringen vid paketering eller CDN-uppladdning:
bash
cwebp: kvalitet 75, långsammast och mest kompakt, bevarar färgprofil
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')
Osv. Du vet inte vilka parametrar? Prova Squoosh först. Googles onlineverktyg, hanterar en bild i taget men kan visa för- och efterbild i sidled, dra i kvalitetsreglaget för att se effekten. Bestäm "vilken kvalitet passar den här typen av bild" och fyll sedan in parametrarna i det batchverktyg du väljer.
Scenario 2: Befintlig WebP, komprimera ytterligare
Webben har redan bytt till WebP, men Lighthouse fortfarande visar "bilder kan komprimeras ytterligare". Eller så har du en mapp fylld med WebP som tar upp plats. Då behöver du inte konvertera format, utan minska storleken på befintliga filer på plats.
Mac-användare: ImgZilla
ImgZilla är vårt macOS-bildkomprimeringsverktyg, vilket är just det den är bäst på:
- Komprimera på plats, samma sökväg.
banner.webpförblirbanner.webpefter komprimering, inga ändringar krävs i webbläsare, kod eller dokument. - Dra en hel mapp in. Skannar rekursivt alla undermappar, hoppar över dolda filer och
node_modules. Kan hantera WebP tillsammans med JPG, PNG, GIF, AVIF, HEIC, SVG i samma batch. - Ingen inställning krävs. Använder Google libwebp, kvalitet 75, kodningsinsats 4, samma som Squoosh. Bevarar alfakanal med högsta kvalitet, ingen suddighet på transparent bakgrund.
- Ingen hård komprimering om det inte går. Om komprimeringen inte minskar filen (mindre än 0,4%), markeras som "redan minst" och originalfilen sparas. Du får inte en större fil och kostnaden debiteras inte.
- Ångra dig. Originalfiler flyttas till papperskorgen som standard. Högerklicka "Återställ" för att plocka tillbaka om du inte är nöjd.
- Lokal körning. Ingen bild skickas till någon server.
👉 Ladda ner ImgZilla från Mac App Store
Övriga plattformar: Caesium eller TinyPNG
- Caesium Image Compressor: Öppen källkod, gratis. Fungerar på Windows, macOS och Linux. Stöder WebP-batchkomprimering med inställning för kvalitet och om metadata ska bevaras.
- TinyPNG: Webbverktyg, stöder även WebP. Dra in och klart, men gratisversionen har begränsningar på antal och storlek, bilderna laddas upp till deras server.
Scenario 3: Animerad WebP
Animering delas i två behov:
Konvertera GIF till animerad WebP: Använd Googles officiella gif2webp (finns i libwebp-paketet, på Mac med brew install webp). Samma animation, men animerad WebP är ofta betydligt mindre än GIF.
bash
gif2webp -q 75 -m 6 input.gif -o output.webp
Befintlig animerad WebP komprimera ytterligare: Många verktyg kraschar eller behåller bara den första bildrutan. ImgZilla stöder det – komplicerar varje bildruta på nytt, bevarar antal rutor, varje rutors längd, loopar och storlek på canvas. Animationen är densamma, bara filen är mindre. Precis som statiska bilder sparas originalfilen om den inte går att komprimera ytterligare.
Scenario 4: Pixel måste vara oförändrade
UI-snipps, skärminspelningar för pixelnivåjämförelse eller material som ska redigeras vidare – dessa kräver lossless.
Med cwebp:
bash
Rent lossless
cwebp -lossless -z 9 input.png -o output.webp
Nära lossless: pixlar har extremt små förändringar, men mycket mindre än rent lossless, bra för skärminspelningar och UI
cwebp -near_lossless 60 input.png -o output.webp
Obs: ImgZilla använder alltid lossy-kodning för WebP, även om originalfilen var lossless. Filstorleken minskar oftast märkbart, men pixlar är inte längre exakt desamma. Dessutom tar den bort metadata (inklusive färgprofiler) i WebP. För vanliga sRGB-bilder påverkas detta inte, men för bilder med Display P3 eller annan bred färgrymd kan färgerna se olika ut i färghanteringsprogram. För bilder med strikta krav på pixlar och färger, använd cwebp eller separera dem innan komprimering.
Sammanfattning i en tabell
| Vad du vill göra | Rekommenderat | Alternativ |
|---|---|---|
| Konvertera JPG/PNG till WebP i batch | XnConvert | cwebp, sharp (byggprocess) |
| Testa parametrar, hantera en bild i taget | Squoosh | — |
| Befintlig WebP komprimera ytterligare (Mac) | ImgZilla | Caesium |
| Befintlig WebP komprimera ytterligare (Windows / Linux) | Caesium | TinyPNG |
| Konvertera GIF till animerad WebP | gif2webp | — |
| Befintlig animerad WebP komprimera ytterligare | ImgZilla | Skriv eget skript med libwebp |
| Pixel måste vara oförändrade | cwebp -lossless / -near_lossless |
— |
| Verktyg | Plattform | Pris | Ladda ner |
|---|---|---|---|
| ImgZilla | macOS 12.3+ | Gratis, upp till 10 per dag | Mac App Store |
| XnConvert | Windows / macOS / Linux | Personligt gratis | xnview.com |
| Caesium Image Compressor | Windows / macOS / Linux | Gratis, öppen källkod | saerasoft.com |
| cwebp / gif2webp / webpinfo | Kommandorad | Gratis, öppen källkod | Google, Mac: brew install webp |
| sharp | Node.js | Gratis, öppen källkod | sharp.pixelplumbing.com, npm install sharp |
| Squoosh | Webb | Gratis | squoosh.app |
| TinyPNG | Webb | Gratis, begränsat | tinypng.com |
Slutsats
WebP är redan ett mycket effektivt format. Om dina WebP-bilder genereras av CDN eller byggverktyg med rimliga parametrar, finns det ofta lite utrymme att komprimera ytterligare. Att se "redan minst" är normalt. Det som sparar mest är ofta filer som exporterats med hög kvalitet, konverterade direkt från PNG utan extra komprimering, eller från GIF utan ytterligare bearbetning.
Kolla först med webpinfo för att se vad du har, välj sedan verktyg baserat på scenario. Det sparar mycket tid jämfört med att testa mellan tio olika verktyg.
ImgZilla stöder för närvarande endast macOS (12.3 och nyare), finns att ladda ner från Mac App Store. Gratisversionen kan komprimera upp till 10 bilder per dag, och endast komprimeringar som minskar filen räknas mot gränsen – dra in en mapp fylld med WebP och se hur mycket du sparar.
}