JPG, PNG, WebP ve AVIF Karşılaştırması

Dört Biçim Yan Yana

Her Biçimin Güçlü Yanları

JPG, ince ayrıntıları 8 × 8 piksellik bloklarda daha düşük hassasiyetle saklar; renk bilgisi de genellikle parlaklıktan daha düşük çözünürlükte tutulur. Fotoğraflar bunu iyi gizler; metnin ve keskin kenarların çevresinde ise haleler oluşur. Bir JPG her düzenlenip yeniden kaydedildiğinde baştan kodlanır ve bu genellikle biraz daha ayrıntı kaybına yol açar. Kalite değeri Görsel Sıkıştırma Ayarları Açıklaması rehberinde anlatılır.

PNG kayıpsızdır ve tekrarlanan, öngörülebilir desenleri bularak sıkıştırır; bu yüzden ekran görüntüleri, grafikler ve logolar küçük kalır, fotoğraflar ise küçük kalmaz. 12 megapiksellik bir fotoğraf 36 milyon baytlık renk değeri taşır (4.000 × 3.000 piksel × 3 bayt). Kamera gürültüsü neredeyse hiç tekrarlanmadığı için böyle bir fotoğrafın PNG'si genellikle iyi bir JPG'den birkaç kat büyüktür.

WebP, biri kayıplı biri kayıpsız iki mod sunar ve ikisi de saydamlığı destekler. Kayıplı WebP rengi yarı genişlik ve yarı yükseklikte saklar; bu yüzden ince renkli çizgiler ve kırmızı metin yumuşak görünebilir. Bir WebP görselinin hiçbir kenarı 16.383 pikseli aşamaz; bu da çok uzun ekran görüntülerini dışarıda bırakır. JPG biçimi ise 65.535 piksele kadar izin verir.

AVIF, AV1 video kodeğinden türetilmiştir. Fotoğraflarda, özellikle düşük kalite ayarlarında, dördü arasında çoğu zaman en verimli olanıdır; 10 veya 12 bit renk ve HDR saklayabilir. Kodlama genellikle daha yavaştır ve tarayıcılar dışındaki desteği WebP'nin gerisindedir.

Ölçülmüş Bir Örnek: Bir Ekran Görüntüsü, Altı Dosya

1280 × 800 boyutunda bir gösterge paneli ekran görüntüsü çizdik (düz renkler, metin, bir çubuk grafik) ve bunu Python Pillow 12.3 (libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4) ile kaydettik. Kalite ayarı olan biçimlerde 92 kalitesini kullandık; bu, LeedyBox dönüştürücünün tarayıcıya ilettiği sabit 0,92 değeriyle aynı sayıdır. Kayıpsız WebP en yavaş ve en güçlü ayarıyla kaydedildi. Bu tek bir yapay görseldir: tarayıcı kodlayıcıları başka ayarlar kullanır ve farklı sonuçlar verir; fotoğraflar da farklı davranır. 1 KB = 1.024 bayt.

Bu düz grafik için en kötü seçim JPG oldu: boyutu iki katından fazlaydı ve görsel artık birebir aynı değildi. Kayıpsız WebP her pikseli korudu ve en küçük dosyayı verdi; kayıplı WebP ise neredeyse hiç tasarruf sağlamadı. JPG'yi yeniden PNG'ye dönüştürmek hiçbir şeyi geri getirmedi: PNG, JPG bozulmalarını birebir saklamak zorunda kaldı ve orijinalin 4,5 katına çıktı.

Saydam arka planlı, 512 × 512 boyutunda bir logoda PNG 31,6 KB, saydamlığı korunan kayıplı WebP 18,4 KB, AVIF 16,6 KB, kayıpsız WebP 12,7 KB oldu; JPG ise 25,2 KB tuttu ve saydamlığın yerinde beyaz bir kare vardı. Burada da en küçük dosyayı kayıpsız WebP verdi ve her piksel korundu.

Dönüştürmenin Yapabildikleri ve Yapamadıkları

• Ayrıntıyı geri getirmez. PNG olarak kaydedilen bir JPG bozulmalarını olduğu gibi korur.
• Kayıplıdan kayıplıya dönüştürme kaybı artırır. JPG'den WebP'ye veya AVIF'e geçerken eski bozulmalar yeniden kodlanır; bu yüzden elinizdeki en iyi orijinalden başlayın.
• Saydamlık için onu saklayabilen bir biçim gerekir. JPG'de alfa kanalı yoktur; bu yüzden LeedyBox dönüştürücü JPG veya BMP olarak kaydederken saydam alanları beyazla doldurur ve yumuşak kenarlar bu beyazla karışır. Logoları ve dekupe görselleri PNG veya WebP olarak tutun.
• Piksel boyutları çoğu zaman daha önemlidir. 1.200 × 900 boyutunda gösterilen 4.000 × 3.000 piksellik bir fotoğraf, 1,08 milyon pikselin yeteceği yerde 12 milyon piksel taşır; bu yaklaşık 11 kat fazladır. Piksel yoğunluğu iki kat olan bir ekran bile yalnızca 2.400 × 1.800, yani 4,32 milyon piksel kullanır. Görselleri Yeniden Boyutlandırma rehberine bakın.

LeedyBox Görsel Dönüştürücü ile Dönüştürme

1. Görsel Dönüştürücü sayfasını açın ve "Dosyaları seçin veya buraya sürükleyip bırakın" alanına tıklayın ya da görselleri bu kutuya bırakın. Tarayıcınız dosyayı açabildiği sürece PNG, JPG, WebP, BMP, GIF ve AVIF kabul edilir.
2. Her dosya, piksel boyutu ve JPG ile başlayan bir biçim menüsüyle listelenir; menüde PNG, WebP, BMP, AVIF ve ICO da bulunur. Biçimi her dosya için ayrı ayrı değiştirin ya da tüm dosyaları tek seferde değiştirmek için "Toplu seçenekler:" yanındaki "Tüm biçimleri şuna ayarla..." menüsünü kullanın. Saydamlık içeren görseller için PNG, WebP veya AVIF seçin.
3. "Dönüştür ve İndir" düğmesine tıklayın. Tek bir görsel, adına "_converted" eklenerek indirilir (örneğin holiday_converted.webp); birden fazla görsel ise leedybox_converted_images.zip dosyasında gelir.

Dönüştürücü piksel boyutlarını korur; tek istisna, 256 × 256 piksele sığacak şekilde küçültülen ICO'dur. JPG, WebP ve AVIF için tarayıcıdan 0,92 kalite ister (0 ile 1 arasındaki bir ölçekte) ve bir kalite ayarı sunmaz. Chrome ve Edge bu değerle kayıplı WebP oluşturur; diğer tarayıcıların kodlayıcıları farklı davranabilir. JPG ve BMP beyaz bir arka plan alır. BMP, piksel başına 24 bit olarak sıkıştırılmadan kaydedilir; bu yüzden 6.000 × 4.000 piksellik bir fotoğraf 72.000.054 bayt olur. Birçok tarayıcı AVIF oluşturamaz; dönüştürücü bunu sayfa açılırken test eder ve tarayıcı oluşturamıyorsa seçeneği devre dışı bırakıp "AVIF (bu tarayıcı desteklemiyor)" olarak etiketler.

Dönüştürme tarayıcınızda çalışır ve görseller bu işlem için LeedyBox'a gönderilmez. Her görsel yeniden çizildiğinden EXIF verileri, GPS konumu ve diğer meta veriler kopyalanmaz. Kaliteyi kendiniz seçmek ve öncesi-sonrası görünümü için Görsel Sıkıştırıcı aracını (JPG, WebP veya PNG; 75'ten başlayan bir kalite kaydırıcısı ya da hedef dosya boyutu ile), daha küçük boyutlar için ise Görsel Boyutlandırıcı aracını kullanın.

Hangi İş İçin Hangi Biçim?

Web sayfalarındaki görseller için Web İçin Doğru Görsel Biçimini Seçmek rehberine de bakın.

Sık Görülen Sorunlar ve Çözümleri

• Saydam arka plan beyaza döndü. Çıktı, başlangıçta seçili olan JPG ya da BMP'ydi. Görseli PNG, WebP veya AVIF olarak yeniden dönüştürün.
• Dosya büyüdü. Fotoğraflar veya JPG'ler PNG olarak kaydedildiğinde ve sıkıştırılmamış bir biçim olan BMP'de bu olağandır. Fotoğraflar için JPG veya WebP kullanın ya da orijinali saklayın.
• AVIF seçilemiyor. Tarayıcınız AVIF oluşturamıyor. WebP'yi seçin veya başka bir tarayıcı deneyin.
• ZIP'te eklediğinizden daha az dosya var. WebP'ye dönüştürüldüğünde logo.png ve logo.jpg dosyalarının ikisi de logo_converted.webp adını alır ve sonraki dosya öncekinin yerine geçer. Önce birini yeniden adlandırın.
• Hiçbir şey indirilmedi. Tarayıcı seçilen biçimi oluşturamadığında dosya dönüştürülemez: bazı tarayıcılar WebP oluşturamaz ve WebP biçimi 16.383 pikselden geniş veya yüksek görsellere izin vermez. Çok büyük görseller, tarayıcının işleyebildiği tuval (canvas) boyutunu da aşabilir. Toplu işlemde dönüştürülemeyen tek bir dosya, ZIP oluşturulmadan önce dönüştürücüyü durdurur. O dosyanın biçimini değiştirin veya dosyayı kaldırın.
• Animasyon durağan bir görsele dönüştü. Yalnızca bir kare, normalde ilk kare, korunur.

Sonrasında Kontrol Edilecekler

• Sonucu gerçek boyutta inceleyin: metin, kenarlar, yüzler ve renk geçişleri.
• Dosya boyutlarını karşılaştırın; yeni dosya daha küçük değilse orijinali saklayın.
• Saydam görselleri hem açık hem koyu bir arka plan üzerinde kontrol edin.
• Dosyayı kullanılacağı yerde test edin: bazı e-posta programları ve yükleme formları WebP veya AVIF dosyalarını reddeder.

Sık Sorulan Sorular