PNG dosyaları neden baştan ağırdır
PNG kayıpsızdır: her piksel birebir saklanır ve tek tasarruf ZIP'e benzer genel amaçlı bir sıkıştırıcıdan gelir. Bir ekran görüntüsü aracından veya tasarım uygulamasından çıkan tipik bir PNG, alfa kanallı tam renk (truecolour) olarak saklanır; bu da sıkıştırmadan önce piksel başına 4 bayt demektir. 1920×1080 bir ekran görüntüsü yaklaşık 8 MB ham piksel verisidir ve sıkıştırmadan sonra bile çoğu zaman 1 ile 3 MB arasında kalır.
Bu bilginin çoğu kullanılmaz. Bir web sayfasının ekran görüntüsü birkaç yüz farklı renk içerebilir. Bir logoda ise bir düzine renk ve kenarları boyunca kenar yumuşatma tonları bulunabilir. Her pikseli tam 32 bitlik bir değer olarak saklamak bu tür bir görsel için gereğinden fazladır; bu aracın yararlandığı boşluk da budur.
Palet nicemlemesi nasıl çalışır
İndeksli bir PNG, her piksel için bir renk saklamak yerine en fazla 256 renklik bir palet tutar ve her pikseli bu palete işaret eden tek bir bayt olarak saklar. Asıl iş paleti seçmektir. Araç, görselin renklerini en çok farklılaştıkları yönde art arda gruplara böler; seçtiğiniz seviye kadar grup elde edene kadar devam eder ve ardından her grubun ortalamasını bir palet girişi olarak kullanır. Daha sonra her piksel en yakın girişe eşlenir.
Saydamlık da aynı sürecin parçasıdır: her palet girişi kendi alfa değerini taşır; böylece saydam bir arka plan üzerindeki yumuşak bir gölge veya kenar yumuşatılmış bir kenar, sert bir kesik yerine birkaç yarı saydam palet rengi olarak korunur.
Üç düğme palet boyutunu belirler:
- Yüksek · 256: bir palet PNG'sinin tutabileceği en fazla renk. Simgeler, logolar, arayüz ekran görüntüleri ve diyagramlar genellikle orijinalle aynı görünür.
- Orta · 128: düz grafiklerde ve sınırlı renk setine sahip illüstrasyonlarda hâlâ temiz. Arayüz ekran görüntüleri için denemeye değer.
- Düşük · 64: grafikler, çizimler ve az renkli simgeler gibi basit çalışmalar için. İnce geçişlerde basamaklar görünmeye başlar.
Görsel daha sonra PNG'nin standart sıkıştırmasıyla yazılır ve orijinal dosya adını korur.
Uygun olan ve olmayan görseller
Nicemleme en iyi sonucu dijital olarak oluşturulmuş içerikte verir:
- Uygulama ve web sitesi ekran görüntüleri, özellikle geniş düz alanlara sahip olanlar.
- Saydamlık içeren logolar, simgeler ve rozetler.
- Grafikler, diyagramlar, haritalar ve arayüz taslakları.
- Çoğu zaman Düşük ayarında bile hiç bozulmayan piksel sanatı.
Yumuşak geçişlerde ve fotoğraflarda zorlanır. Araç her pikseli titreme (dithering) uygulamadan en yakın palet rengine eşler; bu yüzden binlerce ton gerektiren bir gökyüzü veya yumuşak bir vinyet görünür bantlara dönüşür. Fotoğraflar için kayıplı bir format daha iyi iş çıkarır: saydamlık gerekmiyorsa onları PNG'yi JPG'ye dönüştür aracından geçirin ya da PNG'yi WebP'ye dönüştür ile saydamlığı koruyun.
Sonucu kontrol etmek
Her dosya satırı orijinal ve yeni boyutu yan yana gösterir. Nicemleme bir dosyayı küçültemezse araç orijinali olduğu gibi geri verir ve satırda orijinalin korunduğu belirtilir. Bu, zaten indekslenmiş veya başka bir araçla yoğun biçimde optimize edilmiş PNG'lerde ve ince gürültüyle dolu görsellerde olur.
Kaliteyi değerlendirmek için orijinali ve sonucu İki görseli karşılaştır aracında yan yana açın ve kaydırıcıyı geçişler ile kenarlar üzerinde sürükleyin. Bantlanma görürseniz bir seviye yükseltin; Orta, Yüksek ile aynı görünüyorsa küçük dosyayı alın.
Pratik notlar
- Görselin kodu çözülüp baştan yazıldığı için, orijinaldeki oluşturan yazılım veya gömülü yorumlar gibi metin ve meta veri parçaları aktarılmaz. Küçültülemediği için değiştirilmeden geri döndürülen bir dosya bunları korur.
- Yalnızca PNG girdi kabul edilir. Her biri 50 MB'a kadar dosyalar çalışır, ancak çok büyük görseller daha uzun sürer: paleti oluşturmak için her pikselin analiz edilmesi gerekir, bu yüzden 6000×4000 bir PNG bir ekran görüntüsünden belirgin şekilde uzun sürebilir.
- Desteklendiği yerlerde işlem tarayıcınızdaki bir arka plan worker'ında gerçekleşir. Hiçbir şey yüklenmez ve bir grup tek bir ZIP olarak indirilebilir.
- Önce boyutları küçültmek çoğu zaman paletten daha önemlidir. Görüntüleme boyutuna küçültülmüş 2× retina bir ekran görüntüsü, nicemleme başlamadan önce piksellerin dörtte birine sahiptir.