PNG’yi WebP’ye dönüştür

Web sitesi için PNG’den WebP’ye

1. Bir ya da birkaç PNG ekleyin ve kalite 80’le başlayın.
2. Her sonuç satırında orijinal ve WebP boyutunu karşılaştırın.
3. Sonucu açıp küçük yazılara, renk geçişlerine ve şeffaf kenarlara bakın.
4. WebP’yi yalnızca daha küçükse ve hâlâ doğru görünüyorsa indirin.

Üç tür PNG, üç farklı sonuç

“PNG” birbirinden çok farklı görselleri kapsar ve sonuç, elinizdekinin hangisi olduğuna sıkı sıkıya bağlıdır. Ölçüm betiğimizde üç tipik örnek çizdik — bir manzara fotoğrafı, bir uygulama ekran görüntüsü ve şeffaf zeminli düz renkli bir logo —, karşılaştırma adil olsun diye önce her PNG’yi optimize ettik, sonra bu sayfanın kodlayıcısı ve varsayılan kalitesiyle dönüştürdük.

PNG olarak saklanan bir fotoğraf en büyük kazancı verir. PNG her pikseli, kimsenin farkına varmayacağı gren ve dokular dahil birebir tutar; kayıplı bir biçimin atabileceği çok şey vardır. Telefonunuz, ekran yakalama aracınız ya da bir dışa aktarma penceresi size fotoğrafı PNG olarak verdiyse aradığınız dönüşüm bu.

Ekran görüntüsü de iyi küçülür, ama gözle kontrol edilmesi gereken durum budur: kayıplı sıkıştırma küçük yazıları yumuşatabilir. Yayımlamadan önce sonuca yakınlaşın, harfler bulanıksa kaliteyi biraz artırın.

Küçük ve düz renkli bir grafikte ise buradaki kayıplı WebP yanlış araçtır. PNG tek renkli geniş alanları son derece iyi sıkıştırır; kayıplı WebP ise birebir çizemediği kenarları yaklaşık anlatmak için bayt harcar. PNG’yi saklayın — logo söz konusuysa, varsa SVG sürümünü kullanın.

Şeffaflık yolda kaybolmaz

Grafiklerde JPG yerine WebP seçmenin nedeni tam olarak bu: JPG’de saydamlık hiç yoktur, arka planınızı beyaza boyar. Buradaki kodlayıcı renkleri sıkıştırırken saydamlık kanalını tam kalitede tutar. Logo testimizde çözülen saydamlık kanalı, yumuşatılmış kenarlar dahil, orijinalle değer değer aynı çıktı; logo koyu bir sayfa başlığında da temiz durur.

PNG ne zaman kalmalı?

• Düzenlediğiniz kaynak dosyaysa. WebP yayın kopyasıdır; PNG ise gelecek ay yeniden açacağınız dosya.
• Her pikselin birebir kalması gerekiyorsa: sprite sayfaları, piksel sanatı, birinin ölçüm yapacağı şemalar.
• Dosya baskıya, bir belgeye ya da kontrolünüzde olmayan bir yazılıma gidecekse.
• Tarayıcı sekmesi ya da ana ekran simgesiyse; onların kendi biçimleri var.

Çözüp yeniden kodlayan her araç gibi bu da yeni dosyayı yalnızca piksellerden yazar: metin parçaları, gömülü renk profilleri ve diğer PNG meta verileri taşınmaz.

Dosyanız nerede işlenir?

Dönüştürme işlemi tarayıcınızda yapılır; dosyanız işleme için yüklenmez. Sayfanın kendisi, işlem motorları ve reklamlar normal ağ istekleri yapabilir; ancak seçtiğiniz dosya bu isteklerle işleme sunucusuna taşınmaz. Çok büyük dosyalarda sınırı shrink.run kotası değil, cihazınızın kullanılabilir belleği belirler.