Görsel formatları açıklandı: JPG, PNG, WebP, AVIF, GIF, BMP ve ICO
Fotoğraflar, logolar, ekran görüntüleri, web sayfaları, baskı ve sosyal medya için hangi format kullanılmalı ve neden.
Her görsel formatı dosya boyutu, kalite, şeffaflık, animasyon ve uyumluluk arasında bir dizi ödündür. Yanlışını seçin, ya şişkin bir dosya ya da bulanık bir logo alırsınız. Bu rehber her formatın neyde iyi olduğunu, karar vermek için gereken sayılarla ortaya koyar.
İki tür sıkıştırma
Kayıpsız sıkıştırma her pikseli tam olarak saklar ve tıpkı ZIP gibi aynı veriyi yazmanın daha verimli bir yolunu bulur. Kayıpsız bir görseli bin kez açıp kaydedin, değişmez. PNG, BMP, GIF ve kayıpsız WebP böyle çalışır.
Kayıplı sıkıştırma insan gözünün en az duyarlı olduğu ayrıntıyı hedefleyerek bilgi atar: ince doku, ince renk farkları, yüksek frekanslı gürültü. Sonuç görünür fark olmadan kayıpsız dosyanın onda biri boyutunda olabilir ama her yeniden kayıt biraz daha kaybeder. JPG, kayıplı WebP ve AVIF böyle çalışır.
Birinci kural doğrudan buradan çıkar: kimsenin özlemeyeceği gürültü ve dokuyla dolu fotoğraflar için kayıplı formatları, her pikselin önemli olduğu keskin kenarlı, düz renkli ve metinli grafikler için kayıpsız formatları kullanın.
Format format
JPG (JPEG)
1992'den beri fotoğraf formatı. Kayıplı, 8 bit renk, şeffaflık yok, animasyon yok. Şimdiye kadar yapılmış her şey tarafından desteklenir. 0-100 arası bir kalite ayarı ödünü kontrol eder; 80-85 günlük ideal noktadır. Zayıflıkları düşük kalitede görünür "bloklaşma", keskin kenarlarda halkalanma ve şeffaflık eksikliğidir. Tarayıcı dışına giden fotoğraflar için kullanın: e-posta, baskı, pazar yerleri, eski yazılımlar.
PNG
Kayıpsız, 16 bite kadar renk, tam alfa şeffaflığı, animasyon yok (APNG var ama nadir). Logolar, simgeler, ekran görüntüleri, diyagramlar, grafikler ve şeffaf arka plan gerektiren her görsel için doğru seçim. Zayıflığı boyuttur: bir PNG fotoğrafı JPG'nin on katı olabilir. Web sitesinde fotoğraflar için asla PNG kullanmayın.
WebP
Google'ın web formatı, artık her güncel tarayıcı tarafından desteklenir. Hem kayıplı hem kayıpsız modu vardır, ikisinde de şeffaflığı ve animasyonu destekler. Kayıplı WebP eşit kalitede JPG'den yaklaşık %25-35 küçüktür; kayıpsız WebP PNG'den yaklaşık %25 küçüktür. Tarayıcıda gösterilen her şey için en iyi genel amaçlı formattır. Zayıflığı tarayıcı dışında uyumluluktur: eski masaüstü yazılımları, bazı e-posta istemcileri ve birçok yükleme formu hâlâ reddeder.
AVIF
Daha da yeni, AV1 video codec'ine dayalı. Tipik olarak eşit kalitede JPG'den %50 ve WebP'den %20 küçük; şeffaflık, animasyon ve geniş renk desteğiyle. 2024'ten beri tüm güncel tarayıcılarda destekleniyor. Kodlama özellikle tarayıcıda yavaştır ve tarayıcı dışı yazılım desteği hâlâ yamalıdır. Dosya boyutu kritik olduğunda ve görüntüleme ortamını siz kontrol ettiğinizde kullanın; yanında WebP veya JPG yedeği sunun.
GIF
1987'den. Kare başına 256 renkle sınırlı, tek renkli şeffaflık ve hâlâ her yerde olmasının tek nedeni olan animasyon. Fotoğraflar için berbat, basit grafikler için yeterli, uyumlulukta rakipsiz. Sabit görseller için PNG, GIF'in yaptığı her şeyi daha iyi yapar; animasyon için MP4 veya animasyonlu WebP çok daha küçüktür.
BMP
Sıkıştırılmamış Windows bit eşlem. Devasa dosyalar, yaygın kullanımda şeffaflık yok, sıkıştırma yok. Yalnızca okunması son derece basit olduğu için hayatta kalır; bu, gömülü cihazlar ve eski yazılımlar için önemlidir. Web veya depolama için asla kullanmayın.
ICO
Windows simgesi ve tarayıcı favicon formatı. Sekme, yer imi veya masaüstü kısayolu için doğru olanın seçilebilmesi adına aynı görselin birkaç boyutunu tek dosyada içerir. PNG'den ICO'ya aracıyla bir PNG'den yapılır.
Karşılaştırma tablosu
| Format | Sıkıştırma | Şeffaflık | Animasyon | JPG'ye göre fotoğraf boyutu | Uyumluluk |
|---|---|---|---|---|---|
| JPG | Kayıplı | Hayır | Hayır | 1× | Evrensel |
| PNG | Kayıpsız | Evet, tam alfa | Hayır | 5-10× | Evrensel |
| WebP | İkisi de | Evet, tam alfa | Evet | 0,65-0,75× | Tüm tarayıcılar, çoğu modern uygulama |
| AVIF | İkisi de | Evet, tam alfa | Evet | 0,5× | Tüm güncel tarayıcılar, az uygulama |
| GIF | Kayıpsız, 256 renk | Evet, açık/kapalı | Evet | 2-4× (ve daha kötü kalite) | Evrensel |
| BMP | Yok | Hayır | Hayır | 20-30× | Evrensel ama nadiren kullanılır |
Hangi iş için hangi format
- Web sitesindeki fotoğraflar: 75-85 kalitede WebP, çok eski tarayıcıları desteklemeniz gerekiyorsa JPG yedeğiyle. Mümkün olan en küçük sayfaları istiyorsanız AVIF.
- Web sitesindeki logolar ve simgeler: varsa SVG; yoksa PNG veya kayıpsız WebP.
- Ekran görüntüleri: PNG. Kayıplı sıkıştırma metni bulanıklaştırır.
- E-posta ekleri: fotoğraflar için JPG, grafikler için PNG. WebP göndermeyin; çok fazla posta istemcisi yanlış işler.
- Baskı: 95 kalitede JPG veya PNG/TIFF, baskı boyutunda inç başına 300 piksel.
- Sosyal medya: JPG veya PNG; her platform yüklemede zaten yeniden sıkıştırır, dolayısıyla yüksek kalitede ve doğru boyutlarda yükleyin.
- Şeffaf ürün kesitleri: maksimum uyumluluk için PNG, web için WebP.
- Favicon'lar: ICO artı mobil ana ekranlar için PNG.
Aralarında dönüştürmek
Bu sitedeki her dönüştürme tarayıcınızda çalışır. En yaygın yollar web için PNG'den WebP'ye ve JPG'den WebP'ye, uyumluluk için WebP'den JPG'ye ve WebP'den PNG'ye, yanlış formatta dışa aktarılmış fotoğrafları küçültmek için PNG'den JPG'ye. Görsel sıkıştırıcı hepsini toplu işlem desteğiyle halleder.