Üç farklı hareketsiz görsel çıktısını karşılaştırın. 1200 × 800 örnek PNG’yi indirin. Görsel Dönüştür aracını açın ve ayrı JPG ile WebP kopyaları kaydedin. Her kopyayı yeniden açıp 1200 × 800 boyutlarını, şekil kenarlarını ve dosya boyutunu kontrol edin. Karşılaştırma için özgün PNG’yi saklayın. Tekrar PNG’ye dönüştürmek, kayıplı kodlamanın yaptığı değişiklikleri geri alamaz.
Alıştırma dosyası ve araç: Yapay örnek görseli indir · Aracı aç
JPG (JPEG): fotoğraflar ve renk geçişleri
JPG, gözün daha az fark edeceği ayrıntıları atarak veriyi azaltır. Bu nedenle fotoğraf boyutunu önemli ölçüde küçültebilir. Milyonlarca rengi destekler, saydamlığı desteklemez. Kayıplı kalitede her yeniden kaydetme biraz daha ayrıntı kaybettirir. Cihazlar, tarayıcılar, yazıcılar ve yükleme formları tarafından çok yaygın desteklenir.
Fotoğraflar, taranmış fotoğraflar ve yumuşak renk geçişli görüntüler için uygundur. Metin, çizgi çizimler, keskin kenarlı logolar ve ekran görüntülerinde daha zayıftır. Atılan ayrıntılar bu tür görüntülerin kenarlarında lekelenme olarak görünebilir.
PNG: grafikler, ekran görüntüleri ve saydamlık
PNG, kodlayıcısına verilen pikselleri kayıpsız saklar. Kaydetmeden önce yeniden boyutlandırma, renk dönüşümü veya palet azaltma yapılırsa bu pikseller yine de değişebilir. Tam saydamlığı desteklediği için logolar, simgeler ve renkli arka plan üzerine yerleştirilen görsellerde yaygındır. Bunun bedeli dosya boyutudur: PNG olarak kaydedilen bir fotoğraf, JPG hâlinden genellikle birkaç kat büyüktür.
Metin içeren ekran görüntüleri, şemalar, logolar, saydamlık gereken görseller ve yeniden düzenleyeceğiniz ana kopyalar için uygundur. Dosya boyutunun önemli olduğu fotoğraflarda daha zayıftır.
Bir ara seçenek, 8 bit veya “kayıplı” PNG’dir. Görselin paleti en fazla 256 renge indirilir. Arayüz ekran görüntüleri ve düz renkli grafiklerde sonuç çoğu zaman çok benzer görünürken dosya önemli ölçüde küçülebilir. Görsel Sıkıştır aracında PNG → Daha küçük dosya — 256 renk (kayıplı) seçeneğini kullanın.
WebP: web için saydamlığı destekleyen küçük dosyalar
WebP, web siteleri için geliştirilmiştir. Google’ın WebP karşılaştırmalarında kayıplı WebP dosyaları, eşdeğer SSIM kalite ölçütünde JPG dosyalarından %25–34 daha küçüktür. Bu, her görsel için boyut garantisi değildir. Kayıpsız WebP de görsele bağlı olarak PNG’den küçük olabilir. WebP saydamlığı destekler ve Chrome, Safari, Firefox, Edge ve Opera gibi başlıca tarayıcılarda açılır. Tarayıcı dışında ise bazı eski masaüstü yazılımları, e-posta istemcileri, yükleme formları ve baskı hizmetleri WebP’yi kabul etmeyebilir.
Kendi yönettiğiniz web sitesi veya uygulamada yayımlayacağınız görseller için uygundur. Bir forma yüklemeden veya hangi yazılımı kullandığını bilmediğiniz birine göndermeden önce uyumluluğu kontrol edin.
Biçim hakkında kaynak: Google: WebP biçimi ve sıkıştırma karşılaştırmaları
HEIC ve AVIF: sık karşılaşılan yeni nesil biçimler
Bu biçimlerle siz özellikle seçmeseniz de karşılaşabilirsiniz. HEIC, destekleyen iPhone ve Android telefonların fotoğraf kaydetmek için kullanabildiği biçimlerden biridir. Benzer bir JPG’den daha küçük olabilir ve derinlik haritası gibi ek görsel verilerini destekler. Apple Live Photo, hareketsiz görselle ayrı bir video dosyasını birlikte kullanır. Yalnızca fotoğrafı dönüştürmek hareketi veya sesi korumaz. AVIF de bazı web sitelerinin sunduğu yeni nesil bir biçimdir ve WebP’den daha küçük sonuç verebilir. AVIF ve HEIC çözme desteği tarayıcıya ve cihaza göre değişir. Toolkitta gerektiğinde cihazda çalışan bir çözücü yükler; ancak dosyayı göndereceğiniz yer bu biçimleri yine de reddedebilir.
Pratik kural şudur: özgün dosyaları kameranızın ürettiği biçimde saklayın. Yeni biçimi tanımayabilecek bir yerde paylaşacaksanız fotoğrafların bir kopyasını JPG’ye, saydamlık gereken görselleri PNG’ye dönüştürün. Toolkitta araçları HEIC ve AVIF’i doğrudan açıp sonucu JPG veya PNG olarak kaydedebilir. Böylece telefon fotoğrafı ayrı bir dönüştürme adımı olmadan sıkıştırma veya kırpma aracına eklenebilir.
Cihaz biçimi kaynakları: Apple: HEIF ve HEVC ortam dosyaları · Android: desteklenen görsel biçimleri
Özelliklerin karşılaştırması
- Sıkıştırma: JPG kayıplı; PNG kayıpsız, isteğe bağlı 256 renkli; WebP kayıplı veya kayıpsız.
- Saydamlık: JPG desteklemez; PNG ve WebP destekler.
- Dosya boyutu: ihtiyacınız olan kalitedeki gerçek çıktıları karşılaştırın. Görüntünün içeriği ve kodlayıcı ayarları sonucu değiştirir.
- Keskin metin ve kenarlar: çıktıyı %100 görünümde inceleyin. Kayıpsız PNG verilen pikselleri korur; palet azaltma ve kayıplı kodlama kenarları değiştirebilir.
- Uyumluluk: JPG ve PNG yaygın kabul edilir. WebP seçmeden önce hedefin desteğini kontrol edin.
- Animasyon: dönüştürme ve görsel düzenlemeleri, desteklenen hareketli görsellerin ilk karesini kullanır. Çıktı hareketsiz bir görseldir.
Hangi durumda hangisini seçmeli?
- Bir form, e-posta veya kullandığı yazılımı bilmediğiniz alıcı için fotoğraf → JPG. Başlangıç için 75–85 kalite deneyin; ardından görüntüyü ve varsa boyut sınırını kontrol edin.
- Kendi web siteniz için fotoğraf → WebP. Eski tarayıcıları destekliyorsanız JPG alternatifini de sunun.
- Metinli ekran görüntüsü → PNG. Boyut önemliyse Daha küçük dosya — 256 renk (kayıplı) seçeneğini kullanın.
- Renkli arka plan üzerindeki logo veya simge → PNG; webde WebP de kullanılabilir.
- Düzenlemeye devam edeceğiniz görsel → PNG. Paylaşmak için ayrıca JPG veya WebP kopyası dışa aktarın.
- JPG’ye dönüştürülecek saydam görsel → arka plan rengini bilinçli seçin. Bu renk saydamlığın yerini alır.
Biçimler arasında dönüştürme
Kayıplı bir biçimden kayıpsız bir biçime dönüştürmek, atılan ayrıntıları geri getirmez. JPG’den oluşturulan PNG, çözülmüş pikselleri saklar; daha net olmadan daha büyük olabilir. Boyut kazancı çoğunlukla ters yöndeki dönüşümdedir. Sıkıştırma aracında bir biçim seçmek için Biçim ekleyin. Siz değiştirmedikçe özgün biçim korunur; böylece istemeden dönüşüm yapılmaz.