Renkli bir arka planın üzerine logo yerleştirmeye çalışıp görselin çevresinde o istenmeyen beyaz kutuyu gördüyseniz, sorun formattaydı. PNG tam olarak bunu — ve başka birkaç sorunu — çözmek için doğdu. Şeffaf arka plan gerektiren ya da kaydedilirken kalite kaybetmemesi gereken her görselin standart formatı.
PNG ne anlama geliyor?
PNG, Portable Network Graphics yani "taşınabilir ağ grafikleri" anlamına gelir. Format 1995'te GIF'e açık ve telif ücreti gerektirmeyen bir alternatif olarak doğdu ve kısa sürede web'in en çok kullanılan görsel formatlarından biri oldu. JPG'den farklı olarak PNG kayıpsız (lossless) sıkıştırma kullanır; yani dosya kaydedilirken hiçbir piksel bilgisi atılmaz.
PNG nasıl çalışır?
PNG, ZIP dosyalarında da kullanılan DEFLATE adlı sıkıştırma algoritmasını piksel tahmin filtreleriyle birlikte kullanır. Süreç, görseldeki tekrar eden örüntüleri çözümleyip daha verimli biçimde kodlar; hiçbir orijinal bilgiyi atmaz.
Sonuç olarak on kez kaydedilip yeniden açılan bir PNG, piksel piksel orijinal dosyayla aynıdır. Bu da formatı, görsel sadakatin kritik olduğu her durumda ideal kılar — ekran görüntüleri, logolar ve defalarca düzenlenecek görseller gibi.
PNG ayrıca alfa kanalı adlı özel bir kanalı destekler; bu kanal her pikselin şeffaflığını tek tek denetler. Bir piksel tümüyle opak, tümüyle şeffaf ya da bu iki uç arasındaki herhangi bir yarı saydamlık düzeyinde olabilir — yumuşatılmış kenarlar ve gerçek şeffaflığa sahip gölgeler bu sayede mümkün olur.
PNG'nin avantajları neler?
- Alfa kanalıyla şeffaflık: yarı saydamlık ve yumuşatılmış kenarlar dahil, şeffaflık için eksiksiz destek. Görselleri beyaz kutu olmadan herhangi bir arka planın üzerine koymanıza izin veren, yaygın olarak desteklenen tek format.
- Kayıpsız sıkıştırma: dosya kaç kez kaydedilirse kaydedilsin ya da kaç kez açılırsa açılsın, orijinal kalite bütünüyle korunur.
- Keskin metin ve grafikler için ideal: düz kenarlar, metinler ve tek renkli alanlar PNG'de kusursuz keskinlikte kalır; JPG'de görülen sıkıştırma bozulmaları oluşmaz.
- Evrensel uyumluluk: bütün tarayıcılarda, işletim sistemlerinde ve görsel düzenleme yazılımlarında desteklenir.
- Yüksek renk derinliği desteği: PNG; 8 bit (256 renk), 24 bit (16,7 milyon renk) ve profesyonel uygulamalar için 48 bite kadar görselleri destekler.
PNG'nin sınırları neler?
- Fotoğraflarda daha büyük dosyalar: kayıpsız sıkıştırma, fotoğraflarda JPG'nin kayıplı sıkıştırmasından daha verimsizdir. PNG olarak kaydedilen bir fotoğraf, aynı görsel kalitedeki JPG hâlinden 5 ila 10 kat büyük olabilir.
- Animasyon desteği yok: PNG hareketsiz bir formattır. Şeffaflık içeren hareketli görseller için WebP veya APNG (animasyonlu PNG) birer alternatif, ama destekleri daha sınırlı.
- Sitelerdeki fotoğraflar için uygun değil: sitelerde fotoğraflar için PNG kullanmak yüklenme performansını ciddi biçimde düşürebilir. Fotoğraflarda doğru seçim her zaman JPG ya da WebP.
💡 Pratik kural: görselin şeffaf arka planı varsa; logo, ikon, ekran görüntüsü ya da metin ve keskin kenarlar içeren bir grafikse PNG kullanın. Sitelerdeki fotoğraflar için JPG veya WebP'yi tercih edin — gözle görülür bir kayıp olmadan çok daha hafifler.
PNG-8 ve PNG-24 — fark nedir?
| Özellik | PNG-8 | PNG-24 |
|---|---|---|
| Renk sayısı | 256 renge kadar | 16,7 milyon renge kadar |
| Şeffaflık | İkili (piksel başına var ya da yok) | Tam alfa kanalı (256 düzey) |
| Dosya boyutu | Daha küçük | Daha büyük |
| İdeal kullanım | Basit ikonlar, az renkli grafikler | Logolar, yarı saydamlık içeren görseller |
Modern kullanımların çoğunda — özellikle logolarda ve yumuşatılmış kenarlı görsellerde — en uygun seçenek PNG-24'tür, çünkü her opaklık düzeyinde tam şeffaflık sağlar.
PNG ne zaman kullanılır?
Şu durumlarda PNG kullanın:
- Logolar ve görsel kimlik: logonun farklı renkteki arka planların üzerine beyaz kutu olmadan yerleştirilmesi gerektiğinde.
- Ekran görüntüleri: arayüzlerde, panolarda ve sistem ekranlarında metin PNG'de kusursuz keskinlikte çıkar.
- İkonlar ve arayüz ögeleri: temiz kenarlara ihtiyaç duyan düğmeler, çizimler ve arayüz ögeleri.
- Düzenlenecek görseller: görsel defalarca açılıp düzenlenip kaydedilecekse PNG, JPG'de biriken kalite kaybını önler.
- Metinli infografikler: metinle görsel ögeleri bir arada kullanan grafikler PNG'de çok daha net görünür.
PNG, JPG ve WebP — ayrıntılı karşılaştırma
| Özellik | PNG | JPG | WebP |
|---|---|---|---|
| Sıkıştırma | Kayıpsız (lossless) | Kayıplı (lossy) | İkisi de |
| Şeffaflık | Evet (alfa kanalı) | Hayır | Evet |
| Fotoğraflar için ideal | Hayır | Evet | Evet |
| Logo ve ikonlar için ideal | Evet | Hayır | Evet |
| Fotoğraflarda boyut | Çok büyük | Küçük | Çok küçük |
| Logolarda boyut | Küçük–orta | Orta (bozulmalarla) | Küçük |
| Evrensel destek | Evet | Evet | Modern tarayıcılar |
PNG dosyalarının boyutu nasıl küçültülür?
Kayıpsız bir format olmasına rağmen bir PNG'nin boyutu belirgin biçimde küçültülebilir. Yöntemler arasında renk derinliğini düşürmek (görsel az renk kullanıyorsa PNG-24'ten PNG-8'e), gereksiz meta verileri silmek ve ImageTools'un Sıkıştır aracının kullandığı gibi daha verimli sıkıştırma algoritmaları uygulamak sayılabilir. Çoğu durumda bir PNG'nin boyutu, gözle görülür hiçbir kayıp olmadan %30 ila %50 küçültülebilir.
PNG'lerinizi kaliteden ödün vermeden sıkıştırın
PNG dosyalarının boyutunu, orijinal şeffaflığı ve netliği koruyarak küçültün. Ücretsiz ve doğrudan tarayıcınızda.
PNG resimlerini sıkıştır