PNG - WebP dönüştürme hakkında
WebP, web'de hem PNG'nin hem JPG'nin yerini almak üzere tasarlandı. PNG gibi kayıpsız sıkıştırmayı ve alfa kanalını destekler, ama bunları çok daha verimli kodlar — ortalama olarak eşdeğer PNG dosyasından yaklaşık %26 küçüktür, geniş düz alanlı resimlerde ise daha da fazla.
Bu boyut farkı, dönüştürmenin performans ölçüm raporlarında sürekli görünmesinin nedenidir. Resimler genellikle bir sayfanın en ağır parçasıdır ve sayfadaki en büyük görünür öğe çoğunlukla bir resimdir; bu yüzden PNG'leri WebP'ye çevirmek, uygulama koduna dokunmadan temel performans metriklerini iyileştiren az sayıdaki değişiklikten biridir.
Tarayıcı desteği artık bir endişe değil: Safari 14'ten itibaren tüm modern tarayıcılar WebP'yi gösterir. Hâlâ gerçekten eski cihazları desteklemeniz gerekiyorsa, WebP'yi PNG yedek kaynağıyla bir picture öğesi içinde sunun; tarayıcı gösterebildiğini seçer.
Sıkça sorulan sorular
- WebP, PNG gibi saydamlığı korur mu?
- Evet. WebP tam alfa kanalını destekler, bu yüzden saydam arka planlar dönüştürmeden sonra bozulmaz. Saydamlıktan vazgeçmeden daha küçük bir dosya istediğinizde JPG yerine WebP'nin seçilme nedeni budur.
- WebP, PNG'ye göre ne kadar küçüktür?
- Kayıpsız modda ortalama yaklaşık %26 küçüktür; logolar, ekran görüntüleri ve arayüz görselleri gibi geniş düz renk alanlı resimlerde bundan çok daha fazladır. Kayıplı WebP modunda kaydedilen fotoğraf içeriği ise çok daha fazla küçülür.
- Tüm tarayıcılar WebP'yi destekler mi?
- Evet, tüm modern tarayıcılar WebP'yi gösterir; Safari 14 ve sonrası dahil. Çok eski cihazlar için WebP dosyasını bir PNG kaynağıyla birlikte picture öğesi içinde sunun; tarayıcı otomatik olarak ona geçer.