PNG Dosyası Neden Çok Büyük ve Çözümü

PNG dosyanız 8 MB boyutundadır çünkü PNG her pikseli tam olarak saklar ve retina çözünürlüğündeki tam sayfa bir ekran görüntüsü gerçekten bu kadar çok bilgi içerir. Format hiçbir şeyi atmaz, bu da PNG'nin hem asıl amacı hem de asıl sorunudur.

Bunu düzeltmenin 3 yolu vardır ve her birinin size farklı bir maliyeti olur. Boyutları küçültmek, muhtemelen kullanmadığınız çözünürlükten ödün vermenize neden olur. Renk derinliğini azaltmak, fotoğraflardaki renk doğruluğundan ödün vermenize neden olur. Formatı değiştirmek ise tarayıcılar dışındaki uyumluluktan ödün vermenize neden olur. Görselin ne için kullanılacağına göre seçiminizi yapın.

3 seçeneğiniz

• Boyutları küçültün. Ücretsizdir ve genellikle en büyük kazancı sağlar. Kimsenin 5000 piksellik bir ekran görüntüsüne ihtiyacı yoktur.
• Renk derinliğini azaltın. Düz grafiklerde iyi, fotoğraflarda kötü sonuç verir.
• Formatı değiştirin. WebP şeffaflığı korur ve genellikle yüzde 25 ila 35 daha küçük boyutlara ulaşır.

PNG dosyaları neden bu kadar hızlı büyür?

PNG dosya boyutu, piksel sayısıyla doğrudan orantılı olarak ölçeklenir çünkü her pikselin tam olarak tanımlanması gerekir. Genişliği ve yüksekliği iki katına çıkarmak piksel sayısını dört katına çıkarır ve dosya boyutunu da kabaca dört katına katlar.

Yüksek çözünürlüklü bir monitörden alınan 5120'ye 2880 piksellik bir ekran görüntüsü 14.7 milyon piksel içerir. Sıkıştırmadan önce piksel başına 3 bayt hesabıyla bu 44 MB ham veri demektir ve PNG sıkıştırması, görselin ne kadar düz renk içerdiğine bağlı olarak bunu genellikle 4 MB ile 12 MB arasına düşürür. 8 MB'lık bir sonuç bir hata değil, normaldir.

Çözüm 1: Boyutları küçültün

Görseli görüntüleneceği en büyük boyuta göre yeniden boyutlandırın; bu, başka bir şey denemeden önce dosya ağırlığının çoğunu ortadan kaldırır. Bu, en yüksek etkiye ve en düşük maliyete sahip çözümdür.

Görselin sayfada işleneceği en geniş boyutu ölçün, yüksek yoğunluklu ekranlar için bunu ikiyle çarpın ve görseli bu sonuca göre yeniden boyutlandırın. 800 piksel genişliğinde görüntülenen bir ekran görüntüsünün 1600 piksele ihtiyacı vardır, daha fazlasına değil.

Çözüm 2: Renk derinliğini azaltın

24 bit renkten 8 bitlik bir palete dönüştürme yapmak, bir PNG dosyasını yüzde 50 ila 70 oranında küçültür ve yalnızca sınırlı sayıda renk içeren görsellerde işe yarar. Arayüz ekran görüntüleri, diyagramlar, logolar ve grafikler bunun için ideal adaylardır.

Bu teknik, tam renk değerlerini saklamak yerine en fazla 256 renkten oluşan bir palet depolar ve piksel başına bu palete referans verir. Bir kullanıcı arayüzü ekran görüntüsü nadiren 256'dan fazla farklı renk içerir, bu nedenle bu azalma gözle görülmez. Bir fotoğraf ise on binlerce renk içerir, bu nedenle aynı azaltma gökyüzünde ve ciltte görünür bantlaşmalara neden olur.

Çözüm 3: Formatı değiştirin

Web kullanımı için WebP formatına dönüştürün; bu format şeffaflığı korur ve genellikle PNG'den yüzde 25 ila 35 daha küçük boyutlara ulaşır. Yalnızca görsel bir fotoğraf olduğunda ve şeffaflığa ihtiyaç duymadığında JPG formatına dönüştürün.

• Grafikler ve ekran görüntüleri için kayıpsız WebP, her pikseli tam olarak korur ve yine de yüzde 20 ila 30 tasarruf sağlar.
• Fotoğraf niteliğindeki PNG dosyaları için kayıplı WebP, tasarrufun yüzde 70 veya daha fazlasına ulaştığı durumdur.
• Şeffaflığı olmayan fotoğraflar için JPG, PNG'nin en başından beri yanlış seçim olduğu durumdur.
• Büyük fotoğrafik görseller için AVIF, 100 KB üzerindeki dosyalarda daha da güçlü sıkıştırma sağlar.
• Logolar ve simgeler için vektörel grafikler, bir SVG dosyasının herhangi bir piksel tabanlı formatın çok küçük bir kısmına denk gelebileceği durumdur.

En yaygın neden: PNG olarak kaydedilmiş bir fotoğraf

PNG olarak kaydedilen bir fotoğraf, gözle görülür hiçbir fark olmaksızın, JPEG olarak kaydedilen aynı fotoğraftan 3 ila 5 kat daha büyüktür. Bu tek hata, aşırı büyük PNG dosyalarının çoğunun nedenidir.

PNG sıkıştırması tekrarları arar ve fotoğraflar piksel düzeyinde neredeyse hiç tekrar içermez, çünkü her piksel komşusundan biraz farklıdır. Format sonuçta milyonlarca benzersiz değere yakın veriyi tam olarak saklamak zorunda kalır. Fotoğrafları JPEG veya WebP olarak kaydedin ve PNG'yi gerçekten düz renklere veya şeffaflığa sahip görseller için saklayın.

Kaliteyi kaybetmeden bir PNG nasıl küçültülür?

Bir PNG dosyasını kayıpsız olarak küçültmek için sırasıyla şu 5 adımı izleyin.

1. Kullanılmayan alanları kırpın, çünkü boş kenar boşlukları bile dosya boyutuna mal olur.
2. Görselin ihtiyaç duyacağı en büyük ekran boyutuna göre yeniden boyutlandırın, yüksek yoğunluklu ekranlar için bunu ikiyle çarpın.
3. Görselin gerçekten şeffaflığa ihtiyacı olup olmadığını kontrol edin, çünkü düzleştirilmiş bir görsel daha iyi sıkışır.
4. Görsel bir fotoğraf değil de grafikse renk paletini azaltın.
5. Hala tam olarak aynı olan ve genellikle yüzde 20 ila 30 daha küçük olan kayıpsız WebP formatına dönüştürün.

1. ve 2. adımlar genellikle sorunu tek başına çözer. Geri kalan adımlar, dokümantasyondaki tam sayfa ekran görüntüsü gibi bir görselin çok büyük kalması gerektiğinde önem kazanır.

Modern ekranlarda ekran görüntüleri neden bu kadar büyük?

Yüksek yoğunluklu ekranlar mantıksal çözünürlüğün 2 veya 3 katı çözünürlükte yakalama yapar, bu nedenle 1200 piksel genişliğindeki bir pencerenin ekran görüntüsü 2400 veya 3600 piksel olarak kaydedilir. Dosya, pencerenin göründüğünden çok daha büyüktür.

Bu ekstra çözünürlük, ekran görüntüsü başka bir yüksek yoğunluklu ekranda görüntüleneceğinde yararlıdır, aksi takdirde boşa gider. Dokümantasyon ve destek makaleleri için, mantıksal boyuta geri dönmek boyutları yarıya indirir ve çoğu okuyucuya aynı görünürken dosyayı yaklaşık yüzde 75 oranında küçültür.

PNG'yi ne zaman büyük tutmalı?

Görsel bir ana dosya, bir baskı varlığı veya daha sonra düzenlenecek bir kaynak olduğunda tam boyutlu PNG'yi koruyun. Sıkıştırma kararları orijinallerden ziyade dağıtım kopyalarına aittir.

Tasarım dosyaları, logo şablonları, baskı çalışmaları ve taranmış belgelerin tümü boyutlarını haklı çıkarır. Bunları tam çözünürlükte saklayın ve her hedef için daha küçük kopyalar oluşturun. Hata, ana dosyayı saklamak yerine yayınlamaktır, çünkü bir ana dosya disk alanına bir kez mal olurken, yayınlanan bir ana dosya her ziyarette bant genişliğine mal olur.

Şeffaflık insanların beklediğinden daha pahalıya mal olur

Bir şeffaflık kanalı, her piksele dördüncü bir değer ekleyerek sıkıştırmadan önce ham veriyi yaklaşık yüzde 33 oranında artırır. Birçok PNG dosyası bu kanalı kullanmadan taşır.

Ekran görüntüleri, dışa aktarılan grafikler ve beyaz bir arka plan üzerine düzleştirilmiş görseller sıklıkla her yerde tamamen opak olan bir alfa kanalı barındırır. Bunu kaldırmak görsel olarak hiçbir şeye mal olmaz ve dosyayı ölçülebilir şekilde küçültür. Kanalın gerekli olduğunu varsaymadan önce görselin gerçekten şeffaf bir arka plana ihtiyacı olup olmadığını kontrol edin, çünkü beyaz bir sayfaya yerleştirilen çoğu görselin buna ihtiyacı yoktur.

Bir PNG'yi sıkıştırmak kalite kaybına neden olur mu?

Kayıpsız PNG optimizasyonu hiçbir şey kaybettirmez, renkleri veya boyutları azaltmak ise görseli kalıcı olarak değiştirir. Bu 3 teknik sıklıkla birlikte tanımlanır ve eşdeğer değildir.

Kayıpsız optimizasyon, dosyanın verilerini nasıl sakladığını yeniden düzenler ve piksel olarak aynı çıktıyla genellikle yüzde 5 ila 20 tasarruf sağlar. Palet azaltma ve yeniden boyutlandırma görselin kendisini değiştirir, bu da dağıtım kopyaları için kabul edilebilir ancak ana dosyalar için kabul edilemezdir. Azaltma geri alınamaz olduğunda orijinali saklayın.

Aşırı büyük PNG dosyalarından oluşan koca bir klasörü düzeltmek

Klasörü tek bir grupta işleyin, çünkü aşırı büyük PNG dosyaları genellikle aynı kaynaktan gruplar halinde gelir. Bir dokümantasyon seti, bir ekran görüntüsü kitaplığı veya bir tasarım aracından yapılan dışa aktarım genellikle aynı sorunu paylaşır.

Tek seferde 500'e kadar dosyayı bırakın veya bir ZIP arşivini doğrudan sürükleyin ve tüm set için boyutları ve formatı bir kez ayarlayın. Her şey kendi işlemcinizde tarayıcınızın içinde çalışır, bu nedenle dahili ekran görüntüleri, ürün tasarımları ve müşteri belgeleri asla bir sunucuya ulaşmaz. Hiçbir şey yüklenmez, bu nedenle okunacak bir saklama politikası yoktur ve sonrasında geride hiçbir şey kalmaz.

Dosyaların yanı sıra sorunun kaynağını da düzeltin. PNG'yi tam retina çözünürlüğünde kaydedecek şekilde ayarlanmış bir ekran yakalama aracı, süresiz olarak 8 MB'lık dosyalar üretmeye devam edecektir. Çoğu yakalama aracı varsayılan bir formata ve ölçek faktörüne izin verir ve her ikisini bir kez değiştirmek, her destek makalesinden sonra ekran görüntülerini tekrar işleme ihtiyacını ortadan kaldırır.