🖼️

JPG vs PNG: Hangi formatı ne zaman kullanmalısınız?

JPG ve PNG karşılaştırmasının pratik bir dökümü - nasıl sıkıştırma yaptıkları, hangisinin ne zaman kazandığı ve gerçekten kullanabileceğiniz bir karar tablosu.

· 7dk okuma

Bir resme sağ tıklayıp JPG mi yoksa PNG olarak mı kaydetmeniz gerektiğini merak ettiyseniz yalnız değilsiniz. Aradaki fark önemsiz görünüyor — üç harf. Ama yanlış olanı seçmek fotoğraflarınızın bulanık görünmesine, sitenizin yüklenme süresini şişirmesine veya logonuzdan şeffaflığı soyup atmasına yol açabilir.

Fotoğraflar için JPG kullanın. Grafikler, metin, ekran görüntüleri ve şeffaf arka plan gerektiren her şey için PNG kullanın.

Bu vakaların %95’ini kapsar. Neden böyle olduğunu anlamak istiyorsanız — ve kuralın bozulduğu uç durumları — okumaya devam edin.

JPG görüntüleri nasıl sıkıştırır

JPG (ya da JPEG, aynı şey) 1992’de tek bir iş için tasarlandı: fotoğrafları, çoğu insanın kalite kaybını fark etmeyeceği şekilde mümkün olan en küçük dosya boyutuna sıkıştırmak. Kayıplı sıkıştırma kullanır — görüntü verisini kelimenin tam anlamıyla çöpe atar, ama akıllıca.

JPG bizim nasıl gördüğümüz hakkında birkaç şeyi anlar:

  • Parlaklığı renk detayından daha fazla fark ediyoruz, bu yüzden JPG önce renk verilerini atıyor
  • Gökyüzündeki ince tonal kaymalardan çok metin ve çizgilerdeki keskin kenarları fark ediyoruz, bu yüzden JPG tonal alanları yumuşatıyor
  • Bir JPG’yi her yeniden kaydettiğinizde daha fazla veri atılır — buna nesil kaybı denir

Sonuç: tipik 4000×3000 px fotoğraf, ~36 MB sıkıştırılmamış halinden görünür kalite kaybı olmaksızın 2-5 MB’lık JPG’ye küçülür. Bu yüzden akıllı telefonların çoğu varsayılan olarak JPG’ye kaydeder.

PNG görüntüleri nasıl sıkıştırır

PNG, 1990’ların ortasında GIF’in yerini almak için doğdu ve kayıpsız sıkıştırma kullanır. Orijinal görüntünün her pikseli tam olarak korunur. PNG’yi kaydedin, açın, tekrar kaydedin — hiçbir şey değişmez.

PNG tasarruflarını farklı şekilde başarır:

  • Tekrarlayan desenleri arar, bir kez kodlar (düz kırmızı dikdörtgen çok iyi sıkıştırılır)
  • Alfa kanalını destekler — her piksel tamamen şeffaf, opak ya da arada olabilir
  • Az sayıda renk kullanan küçük görüntüler için indeksli rengi destekler

PNG, fotoğraflanan yerine çizilen her şey için mükemmel: UI öğeleri, simgeler, logolar, diyagramlar, metin ekran görüntüleri. Fotoğraf için PNG, eşdeğer kalitede JPG’den 3-10 kat daha büyük dosya üretir ve görünür bir iyileştirme getirmez.

Yan yana karşılaştırma

ÖzellikJPGPNG
Sıkıştırma türüKayıplıKayıpsız
ŞeffaflıkYokVar (tam alfa kanalı)
En iyi olduğu yerFotoğraflarGrafikler, metin, logolar
Dosya boyutu (fotoğraf)Küçük (1-5 MB)Büyük (10-40 MB)
Dosya boyutu (logo)Büyük (şişkin)Küçük
Yeniden kayıtta kaliteKaybeder, birikirHiç kaybetmez
AnimasyonYokYok (APNG nadir)
Maksimum renk16,7 milyon (24-bit)16,7 milyon + alfa (32-bit)
Yayınlanma19921996

Karar ağacı

Hâlâ emin değilseniz kendinize sırayla sorun:

  1. Görüntünün şeffaf arka plana ihtiyacı var mı? → PNG. Pazarlıksız. JPG şeffaflık yapamaz.
  2. Fotoğraf mı (kamera çıktısı, insanlar, manzaralar, dokular)? → JPG.
  3. Çoğunlukla düz renkler, metin veya keskin çizgiler mi (logolar, UI, diyagramlar)? → PNG.
  4. Fotoğraf ve bindirmeler karışımı (metinli fotoğraf)? → Metin keskin kalmalıysa PNG; dosya boyutu öncelikliyse JPG.
  5. Birden fazla kez düzenlenecek mi? → PNG. JPG her kayıtta bozulur.

JPG’den PNG’ye dönüştürürken

Dikkat: JPG’yi PNG’ye dönüştürmek zaten kaybedilmiş kaliteyi geri getirmez. Kaynak JPG bloklu ve sıkıştırılmışsa, sonuç PNG o bloklu görüntünün piksel-mükemmel kopyası olur. PNG’nin kayıpsızlığı sadece zaten orada olanı korur.

JPG’yi PNG’ye dönüştürmek mantıklı olduğu durumlar:

  • Bir JPG’ye şeffaflık eklemek istiyorsunuz (arka planı sonra düzenleyeceksiniz)
  • Görüntüyü birden çok kez düzenleyeceksiniz ve her kayıtta kalite kaybetmek istemiyorsunuz
  • PNG gerektiren bir formata gömmek zorunda kaldınız
  • Eski tarayıcılarla maksimum uyumluluk istiyorsunuz

Nadiren mantıklı olduğu durumlar:

  • Görüntü sadece bakılan bir fotoğrafsa — JPG’de kalın, daha küçük
  • PNG’nin “daha kaliteli” olduğunu düşünüyorsanız — fotoğraflar için değil

WebP ve AVIF ne olacak

Her ikisi de sıkıştırmada JPG ve PNG’yi geçen daha yeni formatlar. WebP eşdeğer kalitede JPG dosya boyutlarından %25-35 tasarruf sağlar ve şeffaflık yapabilir. AVIF daha da ileri gidiyor — JPG’den yaklaşık %50 daha küçük.

Peki neden her yerde değiller? İki neden:

  • Uyumluluk: her tarayıcı, işletim sistemi, CMS, e-posta istemcisi ve belge formatı JPG ve PNG’yi anlar. WebP artık yaygın ama hâlâ zaman zaman eski araçlarda sorun çıkarıyor. AVIF daha da tutarsız.
  • Araçlar: tasarımcılar ve teknik olmayan kullanıcılar JPG ve PNG bekler. Birine .webp dosyası vermek genellikle “bu ne?” e-postalarına yol açar.

Teslimatı kontrol ettiğinizde (kendi web siteniz, bir CDN) WebP veya AVIF kullanın. Dosya paylaşılacaksa, e-postayla gönderilecekse, bir insana teslim edilecekse JPG veya PNG’de kalın.

Hızlı SSS

PNG, JPG’den “daha yüksek kaliteli” midir? Otomatik olarak değil. PNG kayıpsız, yani ne verirseniz onu korur. JPG ile başlar ve PNG’ye dönüştürürseniz, kayıplı kaynağın kayıpsız kopyasını elde edersiniz — iyileştirme yok.

PNG’yi kaliteden ödün vermeden JPG’ye dönüştürebilir miyim? Bir şeyler kaybedeceksiniz (JPG kayıplı), ama %90+ kalitede fark genellikle görünmez. Şeffaflığı kesinlikle kaybedeceksiniz — JPG bunu desteklemez, şeffaf alanları beyazla doldurur.

PNG dosyalarım neden bu kadar büyük? Muhtemelen fotoğraf oldukları için. PNG 4000×3000 fotoğraf kolayca 20-40 MB olur. PNG doğru çalışıyor — her pikseli koruyor. Fotoğraflar için JPG kullanın.

Platform (Windows / Mac / web) cevabı değiştirir mi? Hayır. JPG ve PNG standartlaştırılmış, her yerde aynı davranırlar. Format garipliği daha yeni standartlarla (WebP, AVIF, HEIC) ilgilidir.

Deneyin

Şu anda bir JPG’yi PNG’ye dönüştürmeniz gerekiyorsa — şeffaf arka plan için hazırlamak veya tasarımcıya teslim etmek — JPG’den PNG’ye dönüştürücümüz bunu tarayıcınızda yaklaşık iki saniyede yapar. Hiçbir şey yüklenmez. Dosyayı bırakın, sonucu indirin, tamamdır.