Beskär

Beskär bild Beskär bild i cirkel

Optimera

Komprimera bild Förstora bild Ta bort bakgrund

Redigera

Ändra bildstorlek

Konvertera

Övriga

JPG till PDF

PNG till WebP, mindre filer som behåller transparensen

Byt ett tungt PNG mot ett smidigt WebP som behåller sin transparens och laddar snabbare.

eller dra bilden hit

Om det här verktyget

Araluma gör om en PNG till WebP och behåller de genomskinliga delarna. Ge ett enda foto och webbläsarens bildmotor bygger om det på din egen enhet, så det skickas ingenstans. Ge flera på en gång och de färdas till vår server, som går igenom dem alla tillsammans och lämnar en nedladdning, och sedan rensar den nedladdningen inom ungefär 2 timmar. Där PNG var genomskinlig förblir WebP genomskinlig, för WebP bär en full alfakanal, och just därför slår den JPG när du vill ha en lättare fil utan att platta till urklippet. Enligt Googles egna WebP-siffror hamnar en förlustfri WebP omkring 26 procent under en likvärdig PNG, och en förlustbehäftad WebP med alfa nära en tredjedel av storleken. Det som kommer ut här är förlustbehäftad WebP på en nästan förlustfri inställning, som byter en gnutta detalj på bitnivå mot en mindre fil, samtidigt som den ser ut som käll-PNG vid normala skärmstorlekar. För pixelnoggranna arkivkopior, behåll original-PNG.

Så omvandlar du PNG till WebP

Så omvandlar du PNG till WebP

Dra ett PNG till släppytan eller klicka för att leta upp ett. Arbetet sätter igång i samma stund som filen landar, utan någon Omvandla-knapp någonstans, och för en vardaglig bild är det klart på god marginal under en sekund. En Ladda ner-knapp sparar sedan WebP-filen under källnamnet med en ny ändelse. Konvertera en och den körs i din webbläsare, ge flera och de går upp tillsammans till vår server. Samma väg betjänar telefoner och datorer, ingen installation krävs. För en till drar du bara in nästa PNG. Ge den ett animerat PNG och bara första rutan överlever, eftersom WebP-filen den gör här är en enda stillbild snarare än en rörlig sekvens.

Transparenta pixlar går rakt in i WebP

Transparenta pixlar går rakt in i WebP

Inuti WebP ryms en alfakanal på 8 bitar, och tack vare den kommer varje genomskinlig punkt i din PNG ut precis lika genomskinlig på andra sidan. Ingen vit fyllning kryper in, ingen ljus rand lägger sig runt en utklippt form, och du slipper plocka fram en redigerare för att snygga till efteråt. Just därför vinner WebP över JPG så fort din bild bär genomskinlighet, för JPG äger ingen alfa och tvingas måla de klara punkterna i en enda färg. Vad du än släpper in, en logotyp, en ikon, en frilagd produktbild, en gränssnittsskiss eller en skärmbild med mjuka hörn, så bärs det vidare utan en skråma. Och du behöver inte leta efter någon kryssruta för det, det följer med på köpet, eftersom alfa hör till själva idén bakom WebP.

Skäl att byta från PNG till WebP

Skäl att byta från PNG till WebP

Främst får du en mycket lättare fil medan transparens och synlig kvalitet håller. Googles officiella WebP-siffror visar förlustfri WebP ungefär 26 procent under ett likvärdigt PNG, och lossy WebP med alfa nära en tredjedel av storleken på ett jämförbart. Lättare bilder kommer fram snabbare, vilket matar rakt in i Largest Contentful Paint, ett av Googles Core Web Vitals och en känd rankningsfaktor. PageSpeed Insights nämner till och med PNG under sitt förslag om nästa generations format, och att flytta till WebP rensar den flaggan. Stödet är heller inget hinder, eftersom Chrome, Firefox, Safari och Edge alla läser WebP nativt.

Kvalitetsinställning och den lossy avvägningen

Kvalitetsinställning och den lossy avvägningen

Araluma skriver WebP-filen vid en inställning nära förlustfri, avstämd för både foton och grafik, så att den vid vanliga visningsstorlekar ser likadan ut som PNG-filen den kom från. Hållen på den nivån är WebP tekniskt lossy, vilket betyder att en aning precision på bitnivå överlämnas mot en felfri förlustfri kopia. För nästan allt webbarbete, logotyper, ikoner, gränssnittsdelar, foton, är det gapet osynligt. När uppgiften är pixelexakt, som medicinska skanningar eller arkivmastrar, behåll PNG-filen och låt WebP vara exporten. På foton kan du oftast vänta en minskning på 50 till 70 procent i storlek, lagd ovanpå det strukturella försprång WebP redan håller över PNG.

Var PNG verkligen konverteras

Var PNG verkligen konverteras

Det delar sig efter hur många du ger. Konvertera en PNG ensam och hela uppgiften sker i fliken, på webbläsarens egen bildmotor, på din enhet, utan att något går upp och utan att något antecknas om filen. Kontrollera själv, öppna DevTools, håll Nätverk-panelen öppen medan du konverterar det enda fotot och räkna noll utgående förfrågningar som bär det. Konvertera en handfull tillsammans och de går upp till vår server, som går igenom dem alla och lämnar en enda nedladdning. Den nedladdningen rensas från vår server inom ungefär 2 timmar, och du kan radera den i samma stund du sparar. Så en bild lämnar aldrig webbläsaren, och en grupp stannar på vår server bara så länge det tar att sätta ihop det du tar med dig.

När den ursprungliga PNG-filen fortfarande är rätt val

När den ursprungliga PNG-filen fortfarande är rätt val

Hur långt WebP än når förblir några platser stängda för det. En handfull designprogram, tryckerier och företagsegna redaktionssystem håller fast vid PNG, och medan ditt operativsystem sväljer ett PNG via dragning utan knot ber det gärna om ett tillägg för WebP. Därav den enkla tumregeln för att spara: det du rör vid om och om igen och sparar på nytt i ett skrivbordsprogram håller du helst som förlustfritt PNG, annars travar små förluster upp sig med varje varv av uppackning och omskrivning. Skicka WebP ut på webben och låt PNG vila hemma som källa. Behöver du någon gång motsatt riktning och vill göra ett PNG av ett WebP igen, står verktyget webp-to-png redo för det.

Så fungerar det

  1. Räck över ett PNG

    Dra PNG till sidan, eller leta upp den i väljaren. De genomskinliga delarna följer med. Konvertera en och den stannar på din maskin, släpp flera och de går upp till vår server för att hanteras tillsammans.

  2. Luta dig tillbaka

    Du gör inget mer. En typisk bild blir ett WebP ungefär lika snabbt som ditt finger lyfts, utan Omvandla-steg och utan snurra på vägen.

  3. Se den krympa

    Resultatet meddelar hur stort det blev. Klara fläckar förblir klara, och WebP-filen bör väga synligt mindre än PNG-filen du började med.

  4. Behåll ditt WebP

    En knackning på Ladda ner skriver ut det, gammalt namn, färsk .webp-ändelse. Fler på rad? Kasta varje på sidan och de går igenom en i taget.

Vanliga frågor

Behålls transparensen när PNG omvandlas till WebP?

Den gör det. Eftersom WebP håller en fullständig alfakanal förblir varje klar fläck av din PNG klar så fort den är ett WebP. Just det enda faktumet är varför WebP slår JPG som mål närhelst du börjar med ett transparent PNG, eftersom JPG saknar alfa och måste måla de klara fläckarna en enfärgad yta, medan WebP lämnar urklippet exakt som det fann det. Logotyper, ikoner, produktbilder, gränssnittsdelar på genomskinliga bakgrunder, alla bärs över hela och ber dig om inget extra.

Varför omvandla PNG till WebP?

För en smidigare fil som behåller både sin transparens och sitt utseende. Enligt Googles WebP-siffror ligger den förlustfria varianten ungefär 26 procent under ett likvärdigt PNG, och den lossy varianten med alfa landar nära en tredjedel av det. En smidigare bild kommer fram tidigare, vilket hjälper Largest Contentful Paint, ett Core Web Vitals-mått som Google väger i rankning. PageSpeed Insights pekar till och med på PNG som en nästa generations format-möjlighet i sin bildgranskning. Därtill läser varje stor webbläsare, från Chrome och Firefox till Safari och Edge, WebP utan hjälp.

Tappar PNG kvalitet vid omvandling till WebP?

Med den nära förlustfria nivån verktyget kör syns ingen åtskillnad mellan foton eller grafik och käll-PNG vid normala visningsstorlekar. Tekniskt sett är WebP där lossy, alltså byts en aning bitnivåprecision mot en lättare fil. I daglig webbanvändning, vare sig det rör logotyper, ikoner eller foton, märks det gapet aldrig. Står pixelexakt eller arkivarbete på spel, spara käll-PNG och se WebP som leveranskopian. Omvandlingen rör inte käll-PNG, den ligger kvar precis som förut på din enhet.

Hur mycket mindre är WebP än PNG?

Enligt Googles officiella WebP-dokumentation hamnar förlustfri WebP runt 26 procent under ett likvärdigt PNG, och lossy WebP med alfakanal nära en tredjedel av storleken på ett jämförbart. Hur exakt förhållandet faller ut beror på vad bilden innehåller: grafik med stora klara ytor och enfärgade fält tjänar mest, medan rika, detaljtäta foton ser en mindre men ändå värdefull minskning. Hur det än går landar WebP-filen lättare och transparensen följer med oskadd.

Är det säkert att omvandla PNG till WebP här?

Det beror på om du konverterar ett foto eller flera. En PNG ensam byggs om direkt i webbläsaren, så den filen skickas inte, och du kan kontrollera det genom att öppna DevTools och mitt i konverteringen titta på Nätverk-panelen, där ingen utgående bildförfrågan visas. Konvertera flera på en gång och de går upp till vår server för att hanteras tillsammans, sedan rensas den nedladdningen inom ungefär 2 timmar, och du kan ta bort den själv så snart du sparar. Hur som helst stannar inget av din bild kvar utöver att sätta ihop din nedladdning.

Fungerar WebP i alla webbläsare?

Det gör det, i praktiken. Det nativa läsandet kom överallt så fort Safari 14 kom 2020 och slöt upp till Chrome, Edge och Firefox, som tillsammans utgör nästan varje webbläsare folk faktiskt kör. Undantagen är de genuint gamla och en del inbäddade webbvyer, och för en publik som kan inkludera dessa förblir PNG det försiktiga valet. Var och en på en webbläsare från de senaste fem åren får WebP utan besvär. Om du vill bekräfta ett särskilt fall lägger WebP-posten på caniuse.com ut stödet.

Detaljerna

Anteckningar från teamet om hantverk, format och de små beslut som ligger bakom en bra rund beskärning.

Hur WebP når mindre storlek än PNG
Två separata lägen driver WebP. I det förlustfria läget kopplas rumslig och färgmässig förutsägelse ihop med ett entropisteg som ligger steget före PNG:s DEFLATE, och enligt Googles publicerade tal hamnar vinsten kring 26 procent bättre komprimering på vanliga bilder. I det lossy läget plockas en blockbaserad transform från videovärlden, byggd att fälla bort det ögat knappt registrerar och spara det som faktiskt syns. Finns alfa i bilden, packar WebP det alfat förlustfritt på ett eget spår och behandlar samtidigt RGB lossy, vilket låter lossy WebP med transparens krympa mot ungefär en tredjedel av ett PNG vid likvärdig synlig kvalitet. DEFLATE i PNG kan enbart det förlustfria och kommer aldrig åt den perceptuella vinst som lossy-spåret tar. Just den uppdelningen i strukturen förklarar hela storleksgapet.
Alfakanalen i detalj
PNG och WebP bär båda 8-bitars alfa och låter varje pixel ange en opacitet från 0 för helt klar upp till 255 för helt täckande. När plattformens bildmotor bygger om ett PNG till WebP läser den varje pixels RGBA-värden och matar alfat rakt in i WebP-kodaren, som håller det under förlustfri komprimering oavsett hur den behandlar RGB:t. Så en helt klar pixel vid 0, en delvis klar någonstans mellan 1 och 254 och en täckande vid 255 mappas var och en till det identiska tillståndet i WebP. På en logotyp med en mjuk slagskugga eller kantutjämnad text på klar bakgrund rider den ömtåliga kantmjukheten hela vägen igenom. JPG klarar inte detta, eftersom dess container saknar alfafält och tvingar bilden mot en bakgrundsfärg innan den kodar något.
Core Web Vitals och valet av bildformat
Largest Contentful Paint klockar hur lång tid det största synliga elementet på en sida tar på sig att dyka upp i visningsytan, och på de flesta innehållssidor är det elementet hjältebilden. Google viker in LCP i sin Core Web Vitals-rankningssignal, och PNG är en återfallsförbrytare på LCP genom ren vikt, där ett fotografiskt 4K-PNG kan väga flera megabyte medan samma bild som WebP nära förlustfri är en bråkdel av det. PageSpeed Insights nämner detta direkt under sin punkt om nästa generations format och pekar ut PNG som formatet att byta ut. Att förvandla de PNG-filer som sitter på en sidas kritiska renderingsväg till WebP är ett av de mest givande enskilda dragen för uppmätt hastighet. Tidslinjen håller det säkert, med WebP i Chrome från 2011, Firefox från 2019, Safari från 2020 och Edge sedan sin Chromium-ombyggnad.
Lossy utdata och inställningen nära förlustfri
WebP blottar en kvalitetsratt från 0 till 100, där högre siffror håller mer detalj och kostar fler byte. Araluma fäster den ratten vid en punkt nära förlustfri, vald för att väga trohet mot storlek över de vanliga webbkategorierna foton, gränssnittsgrafik och ikoner. Vid den punkten läses utdatan som omöjlig att skilja från käll-PNG på normala skärmavstånd. Strikt glider en aning precision på bitnivå mot en äkta förlustfri kodning, vilket betyder att en kontroll byte för byte mellan den avkodade WebP-filen och det ursprungliga PNG:t skulle föra fram små numeriska gap, alla under tröskeln för mänsklig syn på fotografiskt material. För medicinska skanningar, satellitbilder eller arkivbevaring där förlustfritt är en hård regel är rätt drag att behålla PNG-filen och behandla WebP rent som leveransexport snarare än arbetskopia.
Metadatans beteende
Att förvandla ett PNG till ett WebP sopar EXIF-, IPTC- och XMP-fälten från utdatan, vilket var och en av de tre stora webbläsarmotorerna gör. Vid färgprofilerna går motorerna skilda vägar. Chrome och Safari håller sRGB-taggen på WebP-filen, medan Firefox rensar alltihop, ICC-profilen och allt. Så WebP-filen läses som sRGB-säker överallt, men en bredgamuttagg, Display-P3, Adobe RGB, ProPhoto RGB, som sitter på käll-PNG överlever inte genom Firefox. Det gapet biter i färgkritiskt professionellt arbete, så när äkta färgtrohet måste rida med, välj en omvandlare som medvetet skriver ICC-data, eller tryck tillbaka profiltaggen efteråt med en metadataredigerare byggd för uppgiften.
När du behåller PNG och när WebP räcker
Valet tar inte lång stund. Är bilden till sist menad för en webbsida eller webbapp och tittar någon webbläsare från 2020 och framåt på, då är WebP rätt export. Ska den i stället öppnas i Figma, Sketch eller Affinity Designer, kika först på WebP-stödet i precis din version, för det vacklar. Bär resan mot tryck, ta PNG eller TIFF, eftersom de flesta tryck-RIP:ar struntar i WebP. Far den i väg via e-post, är PNG det lugnare valet, så ostadiga som e-postklienter är med moderna format. Och fungerar den som en arbetsfil du gång på gång öppnar, ändrar och sparar om, låt PNG vara din master. Som leverans lyser WebP nära förlustfri, medan PNG behåller försprånget för arkiv och redigering. Rent tänkt: spara PNG och sänd WebP till webben.