Konvertera PNG till WebP

Gör skärmbilderna, logotyperna och de frilagda produktbilderna i PNG på din webbplats till WebP-filer som behåller sina transparenta kanter och laddas på en bråkdel av tiden. Välj förstörande eller förlustfri komprimering, konvertera och ladda upp resultatet till ditt CMS.

eller släpp JPG, JPEG, JPE …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Konvertera till

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

1
Släpp in PNG-filerna
Dra upp till 20 PNG-filer till uppladdningsytan eller välj dem från en mapp. Varje fil får vara upp till 95 MB, vilket räcker även för mycket stora exporterade mockups.
2
Välj förstörande eller förlustfritt
Sidan startar med Kvalitet 80 i förlustbehäftat läge, en bra balans för foton och illustrationer på webben. Bocka i Förlustfri under Avancerade inställningar för ikoner, pixelkonst eller skärmdumpar av gränssnitt som måste förbli pixelexakta.
3
Konvertera och byt ut
Tryck på Konvertera till WebP och ladda ner filerna en och en eller som ZIP.

Svar

Lönar det sig att konvertera PNG till WebP?

För bilder på en webbplats nästan alltid. Samma bild, inklusive transparensen, blir vanligtvis mycket mindre, och alla aktuella webbläsare visar den. Behåll PNG för filer du fortfarande redigerar eller skickar till personer som öppnar dem i skrivbordsprogram.

Därför byter webbutvecklare ut PNG mot WebP

PNG är förlustfritt till sin natur: det standardiserades av W3C 1996 som en patentfri ersättare för GIF och kastar aldrig bort bilddata. Det är perfekt för en originalfil men slösaktigt på en webbsida, där en hjälteillustration på 1600 px sparad som PNG kan väga mer än alla sidans skript tillsammans.

Google introducerade WebP 2010 för att täppa till det gapet. Formatet har två motorer i en och samma behållare: ett förlustfritt läge som enligt Googles egen publicerade jämförelse blir ungefär 26 % mindre än PNG, och ett förlustbehäftat läge baserat på videokodeken VP8 som blir ännu mindre. Båda lägena har en full alfakanal, vilket gör att logotyper och frilagda produktfoton fungerar på färgade bakgrunder.

Verktyg för sidhastighet som PageSpeed Insights har länge pekat ut överdimensionerade PNG- och JPEG-filer som en enkel besparing, och en konverterad bilduppsättning är ofta den snabbaste förbättringen av Largest Contentful Paint. Behöver bilderna också nya mått kör du dem först genom bildverktyget för storleksändring och konverterar sedan.

Så mycket mindre blir en WebP jämfört med PNG

PNG-original

1,2 MB

1600 × 900 · 24 bitar med alfa, frilagd produktbild

vanligtvis 80–85 % mindre

WebP, kvalitet 80

190 KB

1600 × 900 · förlustbehäftat med bevarad alfakanal

PNG

Portable Network Graphics

PNG är ett förlustfritt rasterformat som publicerades 1996 av PNG Development Group och senare standardiserades av W3C och ISO. Det behåller varje pixel exakt, stöder full alfatransparens och hanterar text, skarpa kanter och släta färgytor utan artefakter. Den precisionen gör det idealiskt för skärmdumpar, logotyper, ikoner och gränssnittsgrafik. Nackdelen är storleken: foton som sparas som PNG är ofta flera gånger större än samma foto som JPEG eller WebP. Alla webbläsare, operativsystem och redigeringsprogram öppnar PNG-filer.

Komprimering: Förlustfri
Transparens: Ja
Animation: Nej
Introducerades: 1996 · PNG Development Group

PNG-omvandlare

WEBP

WebP-bild

WebP är ett bildformat som Google släppte 2010 för att få webbsidor att laddas snabbare. Det stöder både förlustbringande och förlustfri komprimering, alfatransparens och animation i ett och samma format. Förlustbringande WebP-filer är vanligtvis 25–35 % mindre än JPEG med liknande visuell kvalitet, och förlustfri WebP är oftast mindre än PNG. Alla aktuella webbläsare stöder det, men en del äldre datorprogram, tryckerier och uppladdningsformulär avvisar det fortfarande. Windows, macOS och de flesta moderna bildredigerare kan öppna WebP-filer.

Komprimering: Förlustbaserad eller förlustfri
Transparens: Ja
Animation: Ja
Introducerades: 2010 · Google

WEBP-omvandlare

Webbplatsägare konverterar PNG till WebP för att minska sidans vikt och behålla transparensen; att gå från WebP tillbaka till PNG handlar om att redigera eller öppna en fil i program som inte läser WebP.

Siffrorna ovan är ett typiskt resultat för en frilagd fotobild, inget löfte. Platta grafiker krymper mindre i förlustbehäftat läge och ibland mer i förlustfritt läge. Skärmdumpar full av text är det enda fall där förlustbehäftad WebP kan göra bokstävernas kanter suddiga; bocka i Förlustfri för dem så sparar du ändå utrymme utan att pixlarna ändras.

Mått, färg och transparens förs över oförändrade, och Ta bort metadata (på som standard) tar bort redigeringshistorik som en webbläsare aldrig behöver.

Innan du laddar upp WebP-filerna till din webbplats

Behåll de ursprungliga PNG-filerna i en separat mapp; WebP är en leveranskopia, inte en redigeringsoriginal.
Kontrollera att ditt CMS tar emot .webp-uppladdningar (WordPress gör det från version 5.8).
Titta på en transparent bild mot både vit och mörk bakgrund för att bekräfta att kanterna är rena.
Uppdatera bildreferenserna i din HTML eller CSS från .png till .webp, eller låt ditt CMS skapa miniatyrerna på nytt.
Jämför sidans vikt före och efter i webbläsarens nätverkspanel så att du vet vad du sparade.

Frågor om PNG till WebP

Behåller WebP den transparenta bakgrunden i min PNG?

Ja. WebP lagrar en alfakanal i både förlustbehäftat och förlustfritt läge, så frilagda produktbilder och logotyper förblir transparenta. I förlustbehäftat läge komprimeras kantpixlarna något; om du ser en svag gloria runt fint hår eller text kör du filen igen med Förlustfri ibockad. Behöver du gå tillbaka senare? WebP till PNG återskapar en redigerbar PNG.

Ska jag välja förstörande eller förlustfri WebP för en PNG?

Förlustfritt när PNG-filen är en platt gränssnittsbild, ett diagram, en logotyp eller pixelkonst, eftersom varje pixel förblir exakt som den var och filen oftast ändå blir mindre. Förlustbehäftat med kvalitet 75 till 85 när PNG-filen egentligen är ett fotografi eller en mjuk illustration, eftersom det är där de stora besparingarna finns.

Vilka webbläsare kan visa WebP-bilder?

Chrome, Edge, Firefox och Opera har visat WebP i flera år, och Safari följde med version 14 år 2020 (på macOS Big Sur eller senare och iOS 14). I praktiken visar alla webbläsare som används idag formatet, så en vanlig img-tagg som pekar på en .webp-fil räcker för de flesta webbplatser.

Går det att ladda upp WebP i WordPress?

WordPress 5.8, som släpptes i juli 2021, lade till WebP bland de tillåtna uppladdningstyperna i mediabiblioteket. Äldre installationer avvisar filen om inte ett tillägg lägger till MIME-typen, så kontrollera din version innan du konverterar en hel mapp.

Varför är min WebP större än den ursprungliga PNG-filen?

Det händer med små PNG-filer som använder en indexerad palett med några få färger, till exempel en ikon med 8 färger, eftersom PNG redan är mycket effektivt där. Prova Förlustfri för de filerna, och om resultatet ändå blir större behåller du PNG-filen; besparingarna kommer från större, mer färgrika bilder.

Kan jag konvertera en hel mapp med PNG-filer till WebP på en gång?

Upp till 20 filer hanteras i en körning, var och en upp till 95 MB, och de levereras tillsammans i en ZIP. För en större mapp upprepar du i omgångar om 20; det finns ingen daglig gräns och uppladdningarna raderas automatiskt efter 30 minuter.