Toolyard

PNG, JPG ve WebP: hangi görsel biçimi kullanılmalı

Kısaca

BiçimEn uygun olduğu
JPGHer yerde paylaşmak ya da yüklemek istediğin fotoğraflar
PNGEkran görüntüleri, logolar, metin ve saydamlık içeren her şey
WebPWeb sitelerindeki görseller: ikisinden de küçük, saydamlıkla
AVIFDesteğin sorun olmadığı yerlerde en küçük web görselleri
HEICApple cihazlarında fotoğraf saklamak
GIFKısa, basit animasyonlar

JPG

JPG, fark etmen olası olmayan ayrıntıları atarak fotoğrafları çok iyi sıkıştırır. Saydamlığı yoktur ve tekrar tekrar kaydetmek kaliteyi yavaş yavaş düşürür. Her cihaz ve web sitesi onu kabul eder.

PNG

PNG kayıpsızdır: her piksel aynen korunur ve saydamlık desteklenir. Bu onu keskin kenarlı ekran görüntüleri ve grafikler için ideal kılar, ama PNG olarak kaydedilen fotoğraflar JPG’den birkaç kat büyüktür. PNG sıkıştır grafiklerin renklerini azaltarak onları çok küçültebilir.

WebP

Google’ın geliştirdiği WebP, aynı kalitede genellikle JPG’den %25–35 küçüktür ve saydamlığı ile animasyonu destekler. Tüm güncel tarayıcılar onu gösterir, ama bazı eski uygulamalar ve yükleme formları reddeder; WebP’den JPG’ye bunu çözer.

AVIF

AVIF daha yenidir ve daha da küçüktür. Güncel Chrome, Edge, Firefox ve Safari onu açar, ama diğer birçok program henüz açmaz.

HEIC

HEIC, iPhone’ların fotoğrafları kaydettiği biçimdir. JPG’nin yaklaşık yarısı boyutundadır, ama Windows ve birçok web sitesi yardım almadan onu açamaz; HEIC’ten JPG’ye onu dönüştürür.

GIF

GIF 256 renkle sınırlıdır, bu yüzden fotoğraflardan çok basit animasyonlara uyar. Video klipler için Videodan GIF’e her klip için en iyi 256 rengi seçer.

Her biçimde aynı görseller

1200 × 800 bir görsel için, resmin içeriğine göre değişen tipik boyutlar:

BiçimBir fotoğrafYazı içeren bir ekran görüntüsü
PNG2 MB90 KB
JPG, kalite 80180 KB250 KB, bulanık kenarlarla
WebP, kalite 80120 KB60 KB

Fotoğrafların, JPG ve WebP’nin iyi sıkıştırdığı yumuşak renk geçişleri vardır. Ekran görüntülerinin keskin kenarları ve az rengi vardır; PNG bunları tam olarak saklar, JPG bulaştırır.

Yaygın hatalar

  • Bir fotoğrafı PNG olarak kaydetmek. Dosya, görünür bir kazanç olmadan on kat büyük olur. PNG’yi grafikler ve saydamlık için sakla.
  • Bir JPG’yi tekrar tekrar yeniden kaydetmek. Her kayıt biraz daha kaybeder. Bir özgün kopya sakla, onun üzerinden düzenle ve her seferinde yeni bir JPG dışa aktar.
  • Saydamlığın bir JPG’de kalmasını beklemek. JPG’de saydamlık yoktur; saydam alanlar siyah ya da beyaz olur. PNG ya da WebP kullan.
  • Bir forma WebP ya da HEIC yüklemek. Birçok form yalnızca JPG ya da PNG kabul eder. Uzantı içeriği değiştirmediği için dosyayı yeniden adlandırmak yerine önce dönüştür.

Bu kılavuzdaki araçlar

Diğer kılavuzlar