Hedef olarak JPG yerine PNG'yi seçmek
PNG de JPG de her yerde açılır; dolayısıyla asıl soru, görsele hangisinin daha uygun olduğudur. PNG şu durumlarda doğru hedeftir:
- Görselde saydamlık var. Web sitelerinden kaydedilen çıkartmalar, logolar, simgeler ve dekupe ürün fotoğrafları çoğu zaman alfa kanallı WebP'dir. PNG bu kanalı korur; JPG ise onu düz bir renkle doldururdu.
- Metin, çizgi veya düz renk içeriyor. Ekran görüntüleri, diyagramlar, grafikler ve arayüz öğeleri PNG'de keskin kalır. JPG ise her keskin kenarın çevresine hafif bir gürültü ekler.
- Görseli düzenleyeceksiniz. PNG kayıpsızdır; bu yüzden onu istediğiniz kadar açıp değiştirip kaydetmek asla yeni bir sıkıştırma hasarı eklemez. Bu da onu tasarım araçları ve sunumlar için mantıklı bir çalışma kopyası yapar.
Yalnızca görüntülemek veya göndermek istediğiniz sıradan bir fotoğraf için WebP'yi JPG'ye dönüştür, gözle görülür bir fark olmadan çok daha küçük bir dosya verir.
Zaten sıkıştırılmış bir görsel için kayıpsız ne anlama gelir
Tarayıcı WebP'yi çözer ve çözülen pikseller PNG'ye ek bir sıkıştırma kaybı olmadan yazılır. Kalite kaydırıcısının olmamasının nedeni budur. Opak alanlarda sonuç birebir aynıdır; yarı saydam pikseller ise canvas rengi alfa ile önceden çarpılmış (premultiplied) olarak sakladığı için küçük bir yuvarlama adımı kadar kayabilir, ama bu pratikte görünmez.
Bunun neyi yapmadığını da açıkça belirtmek gerekir. Web sitelerindeki WebP görsellerin çoğu kayıplıdır; site onları üretirken bir kez sıkıştırılmıştır. PNG bu durumu, WebP'de zaten var olan yumuşaklık veya hafif bloklanma dahil olmak üzere tam olarak korur, ancak kaldırılmış ayrıntıyı geri getiremez. WebP baştan kayıpsızsa PNG, orijinalin kusursuz bir kopyasıdır.
PNG neden bu kadar büyük
Boyutta büyük bir sıçrama bekleyin. 1200×800 piksellik, 90 KB'lık kayıplı bir WebP fotoğraf PNG olarak 1–1,5 MB'a, yani on kat veya daha fazlasına çıkabilir. Kayıplı WebP, boyutu ayrıntıyı atarak ve rengi düşük çözünürlükte saklayarak küçük tutar; PNG ise 960.000 pikselin her birini, yalnızca renkler tekrarlandığında iyi çalışan bir sıkıştırmayla tam olarak tanımlamak zorundadır.
Düz grafiklerde fark çok daha küçüktür, çoğu zaman iki katın altındadır; çünkü büyük tek renkli alanlar PNG'de de iyi sıkışır.
Boyut sorun olursa:
- Sonucu, renk paletini azaltan ve grafiklerde çok az görünür değişiklikle dosyayı çoğu zaman yüzde 50–70 küçülten PNG sıkıştır aracından geçirin.
- Fotoğraflar için formatı yeniden düşünün: saydamlık gerekmiyorsa JPG daha uygun seçimdir.
- Görsel, gösterileceği yerden büyükse önce küçültün.
Dönüştürmenin ayrıntıları
Görsel, tarayıcınız tarafından Canvas API kullanılarak, destekleniyorsa bir arka plan worker'ında çözülür ve yeniden kodlanır; asla yüklenmez. Piksel boyutları aynı kalır ve yumuşak gölgeler ile kenar yumuşatmalı kenarlar gibi kısmi saydamlık aktarılır. Bir WebP'nin içerebileceği EXIF veya XMP meta verileri kopyalanmaz.
Animasyonlu WebP dosyaları yalnızca ilk karenin PNG'sini verir. Her biri 50 MB'a kadar dosyalar kabul edilir ve bir grup, her dosya orijinal adını ve .png uzantısını koruyarak tek bir ZIP olarak indirilebilir.