Komprimera PNG-bilder

Vad PNG är bra på

PNG (Portable Network Graphics) skapades 1996 som en patentfri ersättare för GIF. Formatet är förlustfritt: varje pixel du avkodar är exakt den pixel som sparades. Det stöder full färg, gråskala, indexerad färg med palett och en fullständig alfakanal, så att kanter kan tona ut mjukt mot vilken bakgrund som helst. Därför är PNG det vanliga valet för skärmbilder, logotyper, ikoner, grafik i användargränssnitt, diagram och allt med skarp text.

Priset för att vara förlustfritt är storleken. Ett foto sparat som PNG är ofta flera gånger större än samma foto som JPEG, eftersom bruset och den fina texturen i ett fotografi inte går att förutsäga tillräckligt bra för att komprimeras.

Varför PNG-filer ändå kan krympa

PNG komprimerar i två steg. Först får varje pixelrad ett filter (None, Sub, Up, Average eller Paeth) som ersätter pixelvärdena med skillnaden mot grannarna; enfärgade ytor blir långa serier av nollor. Sedan packas den filtrerade datan med DEFLATE, samma algoritm som i ZIP. Många program väljer filter och DEFLATE-inställningar snabbt snarare än bra, så samma pixlar kan ofta lagras med färre byte.

Det ger två sätt att göra en PNG mindre:

• Förlustfri optimering. Verktyget kör OxiPNG, som provar olika filterstrategier och komprimeringsinställningar och behåller det minsta resultatet. Bilden förblir identisk pixel för pixel. Vinsten beror mycket på hur filen sparades: en export från ett snabbt skärmdumpsverktyg krymper ofta märkbart, en fil som redan är optimerad ändras knappt.
• Palettreducering (destruktiv). En PNG i full färg med transparens lagrar 4 byte per pixel. Konverteras den till en palett med upp till 256 färger lagras 1 byte per pixel innan DEFLATE ens har börjat, och därför sparar det här läget oftast betydligt mer. Plan grafik och skärmbilder klarar det bra; mjuka övergångar och foton kan få synliga band.

Palettreducering är standard (läget ”Smart”, 256 färger med dithering); byt PNG-komprimering till Förlustfri när varje pixel måste vara exakt. Inställningen för antal färger styr palettens storlek; färre färger ger en mindre fil och större risk för synliga steg i övergångar.

Inställningar för vanliga uppgifter

Retina-skärmbilder är en vanlig källa till enorma PNG-filer: en helskärmsbild på en laptopskärm med 2880 × 1800 pixlar har mer än 5 miljoner pixlar. Att skala ner den längsta sidan till 1600 px minskar det till under en tredjedel och betyder oftast mer än någon komprimeringsinställning.

Som riktmärke: i våra tester blev fyra PNG-skärmbilder av sidor från Wikipedia, MDN och GitHub 58–60 % mindre med standardläget Smart och, i medianfallet, ungefär en tredjedel mindre i läget Förlustfri. Dina egna filer kan krympa mer eller mindre.

Vanliga problem

• Band i övergångar efter läget Smart. Höj antalet färger eller byt tillbaka till förlustfritt.
• En taggig gloria runt en transparent logotyp. Kantutjämnade kanter behöver flera nivåer av transparens; behåll minst 128 färger för sådana bilder.
• Nästan ingen besparing i förlustfritt läge. Filen var redan väl packad. Bara palettreducering eller mindre mått gör någon verklig skillnad, och verktyget lämnar tillbaka originalfilen när inget mindre kan skapas.
• PNG-filen är ett fotografi. JPEG eller WebP passar innehållet bättre och blir betydligt mindre.

Frågor om PNG

Fler bildverktyg

Bildkomprimeraren hanterar en blandad omgång filer. Animerad grafik hör hemma i GIF-komprimeraren, och Så fungerar det förklarar mer ingående vad förlustfri och destruktiv komprimering betyder.