Konvertera bilder till WebP

Vill du snabba upp en webbplats eller webbutik med mindre bilder? Konvertera JPG och PNG till WebP. Konverteraren uppskattar innan konverteringen hur mycket du sparar jämfört med JPG, och tar fram HTML-kod med ett reservformat för äldre webbläsare. Allt sker i din webbläsare, bilderna laddas aldrig upp någonstans.

Så konverterar du en bild till WebP

1. Ladda upp bilder. Dra och släpp dem i fönstret eller klicka på ”Bläddra bland filer”. Konverteraren hanterar JPG, PNG, BMP och statiska GIF-filer, gärna flera dussin filer på en gång.
2. Ställ in kvaliteten. Standardkvaliteten 80 passar de flesta webbplatser. Till en portfolio väljer du 85 till 90, till miniatyrer 70.
3. Konvertera och ladda ner. Knappen ”Konvertera” bearbetar hela bildserien, den färdiga WebP-filen laddar du ner en och en eller som ZIP.

Den som vill gå in i detaljerna fäller ut ”Tekniska detaljer: förstoringsglas, storleksuppskattning, HTML-kod” under förhandsvisningen.

Varför konvertera bilder till WebP

WebP är ett format från Google som är utvecklat för webben. Enligt en studie från Google (på engelska) är förlustbehäftade WebP-filer vid samma kvalitet 25 till 34 % mindre än JPEG, och förlustfria omkring 26 % mindre än PNG. Mindre bilder ger snabbare sidladdning, bättre resultat i Core Web Vitals och lägre dataförbrukning på mobilen.

Till skillnad från JPG klarar WebP dessutom genomskinlighet och ersätter därför även PNG med genomskinlig bakgrund. I dag stöder alla vanliga webbläsare (på engelska) formatet, inklusive Safari från och med version 14.

Vad WebP-konverteraren kan mer

Besparingsuppskattning redan före konverteringen

I de tekniska detaljerna hittar du ”Uppskattning från ett urval”: konverteraren kodar ett förminskat urval av den valda bilden och räknar ut hur stor WebP-filen blir med den valda inställningen, hur stor JPEG-filen skulle bli vid samma kvalitet och hur många procent du sparar. Så ser du direkt om konverteringen är värd besväret.

HTML-kod med ett reservformat

Konverteraren tar fram färdig kod för elementet <picture>: webbläsare med stöd för WebP laddar den nya filen, alla andra får den ursprungliga JPG- eller PNG-filen. Koden innehåller även bildens mått och lat inläsning, du behöver bara klistra in den i mallen. Hur <picture> fungerar beskrivs av MDN (på engelska).

Lupp vid 100 % zoom

Ett klick i förhandsvisningen flyttar luppen till valfri plats så att du kan jämföra originalet med resultatet pixel för pixel. Artefakter från destruktiv komprimering syns först vid text, kanter och mjuka övertoningar, där lönar det sig att titta.

Genomskinligheten bevaras

En PNG med genomskinlig bakgrund konverterar du till WebP utan att alfakanalen går förlorad. Klarar målapplikationen inte genomskinlighet, aktivera ”Platta ut genomskinlighet mot en färg”.

Skydd mot ett dåligt resultat

En animerad GIF avvisar konverteraren, eftersom bara den första bildrutan annars tyst skulle bli kvar. Blir den konverterade filen större än originalet, vilket händer med redan väl komprimerade bilder, markerar tabellen det, och du behåller originalet med ett klick.

Förminskning, namnbyte, utan metadata

I ”Avancerade alternativ” förminskar du bilderna till en längsta sida i pixlar eller till procent, och byter namn på hela bildserien med {name}, {width}, {height} och {index}. Konverteringen tar bort EXIF, ICC och GPS, så foton avslöjar inte platsen. Behöver du förminska bilder till exakta mått eller under en gräns i kB, använd förminskning av bilder.

Vilken WebP-kvalitet ska du välja

Syfte	Kvalitet	Anmärkning
Portfolio, produktfoton	85 till 90	Detaljer utan förlust, ändå mindre än JPG
Vanlig webbplats och blogg	75 till 80	Bäst förhållande mellan kvalitet och storlek
Miniatyrer, galleri	65 till 70	Små filer, lätta artefakter

När WebP och när ett annat format

• Foton och grafik på webben: WebP, med ett reservformat i <picture> för säkerhets skull.
• Bilder för e-post, myndigheter eller äldre program: hellre JPG, det öppnas verkligen av allt.
• Underlag för vidare redigering och utskrift: PNG, helt utan förlust.

Bildernas mått på webbplatsen kontrollerar du snabbt innan konverteringen i analysverktyget för bildstorlek.

Vanliga frågor

Hur konverterar jag JPG till WebP?

Ladda upp JPG-filer, låt kvaliteten stå kvar på 80 eller justera den, och klicka på ”Konvertera”. WebP blir vid samma visuella kvalitet oftast en fjärdedel till en tredjedel mindre. Hur mycket du sparar på ett visst foto visar uppskattningen i de tekniska detaljerna.

Hur konverterar jag PNG till WebP och behåller genomskinligheten?

Ladda bara upp PNG-filen och konvertera den, genomskinligheten bevaras automatiskt. Vill du i stället inte ha den, aktivera ”Platta ut genomskinlighet mot en färg”.

Stöder alla webbläsare WebP?

Ja, alla aktuella webbläsare inklusive Safari från och med version 14. För säkerhets skull med äldre enheter, använd HTML-koden med elementet <picture> som konverteraren tar fram: en äldre webbläsare laddar då den ursprungliga JPG- eller PNG-filen.

Är WebP bättre än JPG?

För webben ja: vid samma kvalitet blir filen mindre och klarar genomskinlighet. JPG öppnas dock fortfarande av fler program, skrivare och myndigheter. Använd därför WebP på webben, och JPG för delning och utskrift.

Varför avvisade konverteraren min GIF?

En animerad GIF skulle vid konverteringen tyst bli en enda stillbild. För att resultatet inte ska överraska dig avvisar konverteraren den. Statiska GIF-filer konverterar den utan problem.

Laddas mina bilder upp till en server?

Nej. Konverteringen sker direkt i din webbläsare och filerna skickas aldrig någonstans.