Bir PNG Resmini Sıkıştır
Bir PNG, kendi kodlayıcısına bir piksel kaybetmez, bu da onu sıkıştırmanın dürüst bir yol ayrımına dönüşmesini sağlar: resmi matematiksel olarak aynı tutmak ve mütevazı bir tasarruf sağlamak ya da bir paletin renk bilgilerini ilk önce atmasına izin verip dosyayı dramatik bir şekilde küçültmek. Bu sayfa her iki yolu da sunar, tamamen tarayıcınızda çalıştırır ve her iki durumda da şeffaflığı korur. Tablo, her yolun aynı şeffaf test görüntüsüne ne yaptığını gösterir — ölçülen sonuçlar, tahminler değil.
Aynı PNG, her iki yol
| Mod | Çıktı | Tasarruf |
|---|---|---|
| PNG, sıkıştırma yok (kayıpsız) | 383.9 KB | 59% daha küçük |
| PNG, daha küçük dosya boyutu (kuantize) | 98.3 KB | 90% daha küçük |
Daha küçük bir PNG için iki yol
Kayıpsız yol, görüntünüzü yeniden kodlar, ardından düzey 3'te çalışan Rust tabanlı bir optimizasyon aracı olan oxipng'ye teslim eder; bu, tam olarak aynı piksellerin daha verimli bir düzenini arar: farklı tarama hattı filtreleri, farklı sıkıştırma stratejileri, aynı resim. 942.4 KB test dosyasında bu arama tek başına 383.9 KB döndürdü. Görüntüde hiçbir şey değişmedi; sadece paketleme değişti.
Kuantize edilmiş yol, dramatik sayılarının geldiği yerdir. Kodlayıcı çalışmadan önce, imagequant en fazla 256 renkten oluşan bir palet oluşturur ve her pikseli en yakın girişine eşler. Çıktı, herhangi bir yazılımın açabileceği tamamen sıradan bir PNG'dir — bilgi, kodlama sırasında değil, öncesinde verilmiştir. Aynı test dosyası bu şekilde 98.3 KB'ye düştü, başlangıç ağırlığının yaklaşık onda biri.
Hangi yol hangi görüntüye uyar
Arayüz ekran görüntüleri, logolar, simgeler, piksel sanatı ve düz illüstrasyonlar, paletlerin icat edilme sebebidir. Bu tür görüntüler, ilk etapta nadiren birkaç yüz farklı renk içerir, bu yüzden bunları 256 üzerinden eşlemek gözün bulabileceği çok az veya hiç değişiklik yapmaz ve tasarruf büyüktür. Bu tür bir şeyin bir web sayfasına yönelmesi durumunda, kuantize edilmiş yol mantıklı bir seçimdir.
Dokunulmamış yolu, piksellerin kendilerinin önemli olduğu görüntüler için ayırın: tekrar açacağınız bir tasarım master'ı, arşiv materyali veya uzun yumuşak gradyanlar taşıyan herhangi bir şey. Bir gün batımı gökyüzü, binlerce nazik renk adımını tanımlamak için 256 palet girişi ister ve görünür başarısızlık bandingdir — pürüzsüz rampaların kontur hatlarına dönüşmesi. Kuantizasyon sonrası kontrol edilmesi gereken tek artefakt budur: kenarlar keskin olacak, rampalar ilk önce bunu ele verecektir.
Şeffaflık ve PNG'yi ne zaman geride bırakmalıyız
Her iki yol da alfa kanalını sağlam bir şekilde taşır, kısmi şeffaflık da dahil: kuantizatör, opaklığı her palet girişinin bir parçası olarak ele alır, bu yüzden kesilmiş bir logonun etrafındaki yumuşak anti-aliasing kenarı, sert bir kenara dönüşmek yerine hayatta kalır. Şeffaflığı yok eden şey, onu içermeyen bir formata geçmektir — sonucu JPEG'e dönüştürün ve her şeffaf piksel, katı bir arka plana düzleştirilir, çünkü hiçbir JPEG varyantı alfa taşımaz.
Bazen en iyi sıkıştırma, PNG'yi tamamen bırakmaktır. .png olarak saklanan bir fotoğraf, bir kategori hatasıdır: kayıpsız garanti, kamera görüntülerinde megabaytlar kaybettirir ve izleyicinin görebileceği hiçbir şey satın almaz ve böyle bir dosyayı JPEG veya WebP'ye dönüştürmek genellikle onu birkaç kat küçültür. Küçük ve şeffaf kalması gereken düz grafikler için, kayıpsız WebP de boyut açısından PNG'yi alt eder — ticaret, bir avuç eski masaüstü programının hala PNG'yi daha zarif bir şekilde işlemesidir.
Sıkça Sorulan Sorular
PNG sıkıştırması her zaman kayıpsız mı?
Formatın kendi kodlayıcısı kayıpsızdır — spesifikasyon hiç kayıplı mod içermez. Dramatik PNG tasarrufları sunan araçlar, bu da dahil, kodlama başlamadan önce renk sayısını azaltarak bunları elde eder. PNG — Burada sıkıştırma yok seçeneğini seçin ve hiçbir kayıplı durum herhangi bir aşamada gerçekleşmez.
Açılır menüdeki iki PNG seçeneği arasındaki fark nedir?
PNG — Sıkıştırma yok kayıpsız yoldur: aynı pikseller, daha akıllıca yeniden paketlenmiştir. PNG — Daha küçük dosya boyutu kuantize edilmiş yoldur: en fazla 256 renkten oluşan bir palet, ardından aynı yeniden paketleme. İsimler, görüntünüze ne olduğunu tanımlar, kodlayıcının ne kadar zor çalıştığını değil.
Kuantizasyon bir PNG'yi ne kadar küçültebilir?
Bu sayfadaki şeffaf test görüntüsü 942.4 KB'den 98.3 KB'ye düştü ve bu tasarruf miktarı ekran görüntüleri ve düz sanat eserleri için normaldir. Zaten bir palet kullanan dosyalar, çünkü renk azaltma etkili bir şekilde bir kez yapılmıştır, çok daha az şey sunar.
Kuantize edilmiş bir PNG daha kötü mü görünecek?
Düz renkli görüntülerde, neredeyse asla — yan yana, çoğu insan orijinalini seçemez. Gradyanlar, vignette'ler ve fotoğraflar istisnadır: pürüzsüz bir rampayı tanımlamak için çok az palet girişi, görünür renk adımları üretir.
Şeffaf bir arka plan sıkıştırmayı hayatta kalır mı?
Evet, her iki yol üzerinde de, ve yarı şeffaf pikseller, örneğin gölge ve yumuşatılmış kenarlar da hayatta kalır. Alfa, hiç olmayan bir formata dönüştürülerek kaybolur.
PNG'm neden neredeyse küçülmedi ya da hatta büyüdü?
Bir şey zaten optimize etti. İhracat hatları giderek kendi PNG optimizasyon araçlarını çalıştırıyor ve kayıpsız tabanına yakın bir dosya, ikinci bir geçişte bulacak hiçbir şey bırakmaz — bazen bu girişim bile bayt kaybettirir, bu durumda bu araç, orijinal dosyanızı değiştirmeden geri verir.
PNG'm neden bu kadar büyük?
Genellikle çözünürlük. 4K veya Retina ekranın tam ekran görüntüsü, hiçbir şey yapmadan önce kayıpsız olarak depolanan sekiz veya daha fazla megapiksel veri içerir. Kuantizasyon yardımcı olur; önemli olan bölgeye kırpma veya arayüz yakalamalarını gösterileceği boyuta ölçeklendirmek daha fazla yardımcı olur.
Birden fazla PNG'yi aynı anda sıkıştırabilir miyim?
Bir turda on dosya ve 50 MB'a kadar, sonuçlar için bir ZIP indirmesi ile. Kodlama, bir sunucu yerine tarayıcınızda gerçekleşir, bu yüzden kuyruk yoktur ve kota yoktur — ihtiyaç duyduğunuz kadar tur çalıştırın.