Önemli noktalar
- 01JPG fotoğraflar içindir, PNG grafikler ve şeffaflık içindir, WebP ve AVIF her ikisinde boyuta yeni formatlarıdır.
- 02AVIF genellikle en küçük dosyaları üretir, WebP en iyi desteklenen modern formattır ve JPG / PNG uyumluluk için en güvenlidir.
- 03Lossy formatları (JPG, WebP, AVIF) dosyaları küçültmek için detayı çıkar; PNG lossless ve her pikseli tutarlar.
Her şeyi açıklayan bir konsept: lossy vs. lossless
Formatları karşılaştırmadan önce, onların hepsini çalıştıran bölümü bilin. Lossless formatları her pikseli tam olarak depolar ve hiçbir zaman hiçbir bozulmadan sonsuza kadar yeniden açılabilir ve yeniden kaydedilebilir — PNG ana olanı. Lossy formatları gözün fark etmesi olası olmayan bilgiyi atıp, çok daha küçük bir dosya için bir parça kalite ticareti — JPG, WebP ve AVIF bunu yapıyor. Resminiz bir fotoğraf, logo veya ekran görüntüsü olup olmadığına ve boyut ve uyumluluğu ne kadar önemsediğinize bağlı olduğundan, tek bir "en iyi" format yoktur.
Hızlı karar kuralı
Hiçbir başka şey hatırlamazsanız, bu beş satırı hatırlayın.
- 01Web için fotoğraf, maksimum uyumluluk: JPG kullanın. Her şey tarafından anlaşılır ve fotoğrafları iyi sıkıştırır.
- 02Logo, simge, ekran görüntüsü veya şeffaflık gerektiren herhangi bir şey: PNG kullanın. Sharp kenarları ve transparent bir arka planı mükemmel tutarlar.
- 03Daha küçük dosyaları istediğiniz ve izleyiciyi kontrol ettiğiniz modern website: WebP kullanın. JPG ve PNG boyutunda yener ve tüm mevcut tarayıcılar tarafından desteklenir.
- 04En küçük olası dosyaları avcılığı eden kenar kesme sitesi: AVIF kullanın. Genellikle özellikle fotoğraflar için boyutta ve eski tarayıcılar için geri dönüş ile boyuta.
- 05Video olmadan animasyon: WebP veya AVIF (animasyonlu) eski GIF'i boyut ve renkte yener.
Dört format, tek tek
JPG (veya JPEG) kıdemli. Fotoğraflar için inşa edilmiş ve gerçek dünya görüntülerinin pürüzsüz degradyeleri için ayarlanmış lossy sıkıştırma kullanıyor. Şeffaflığı yok ve sıkıştırması, sharp kenarları ve metin etrafında bloklu yapay nesneleri bırakabilir, bu da logoları ve ekran görüntüleri için yanlış olduğu neden. Süpergücü evrensel desteği: her cihaz, editör ve website bir JPG kabul ediyor.
PNG, lossless seçimidir. Her pikseli korur ve tam şeffaflığı destekler ve grafikler için standart, keskin kenarlar, metin, UI ekran görüntüleri ve transparency arkaplanla herhangi bir şey yapıyor. Maliyet dosya boyutudur: PNG fotoğrafı genellikle aynı fotoğrafın JPG olarak birkaç kez daha büyüktür, bu nedenle PNG web'deki fotografik içerik için kötü bir seçimdir.
Google'ın WebP, modern all-rounder'dır. Hem lossy hem de lossless modları artı şeffaflık ve animasyon sunar ve benzer kalitede, JPG'den kabaca 25-35% daha küçük ve genellikle PNG'den çok daha küçük dosyalar üretir. Her mevcut tarayıcı bunu destekler, bu da bugün hızlı bir website için pragmatik varsayılanı yapar.
AVIF, dört yeni olanı, modern video-codec teknolojisine dayalıdır. Tipik olarak en küçük dosyaları başarır — sık sık WebP'yi fotoğraflar için geniş bir marjla yener — ve şeffaflık, geniş renk ve yüksek dinamik aralığı destekler. Destek artık geniş ancak tamamen evrensel değil, bu nedenle siteler genellikle AVIF'i son birkaç eski istemci için WebP veya JPG geri dönüş ile hizmet eder.
Formatlar arasında nasıl dönüştürülür
Dönüştürme iki dakikalık bir iş ve tamamen tarayıcınızda olur, bu nedenle orijinaller asla cihazınızı bırakmaz.
- 01
Doğru dönüştürücüyü seçin
Yöne uygun aracı seçin — örneğin grafik ağır bir fotoğrafı küçültmek için PNG'ye JPG veya uyumluluğu geri almak için WebP'ye JPG.
- 02
Resminizi bırakın
Bir dosya veya tam toplu iş ekleyin. Dönüştürme yerel olarak tarayıcıda çalışır.
- 03
Lossy ise kaliteyi ayarlayın
JPG, WebP veya AVIF çıkışı için bir kalite seviyesi seçin — daha yüksek daha fazla detay tutar, daha düşük daha küçük bir dosya yapar.
- 04
Sonucu indirin
Tek bir resmi kaydedin veya toplu işi dışa aktarın. İhtiyacınız olursa orijinallerinizi tutun.
Gerçek bir sayfaya koymak
İyi optimize edilmiş bir web sayfası nadiren her şey için tek bir format kullanır. Fotoğraflar hız için WebP veya AVIF olarak gider, JPG geri dönüş ile. Logolar, simgeler ve şeffaflık gereken herhangi bir şey PNG kalır — veya daha iyi, vektör sanatsa SVG — çünkü lossy bir format onların çıngı kenarlarını bulanıklaştırırdı. Metin ekran görüntüleri aynı nedenle PNG'de en iyi görünüyor.
Bir anahtarın buna değer olup olmadığından emin değilseniz, bir temsilci resmi dönüştürün ve hem dosya boyutunu hem de tam yakınlaştırmada nasıl göründüğünü karşılaştırın. JPG'den WebP'ye veya AVIF'ye boyut düşüşü genellikle görünür kalite kaybı olmadan dramatiktir, bu da sayfaları hızlı yükleyen tam olarak kazanıştır. Uyumluluk bayttan daha önemli olduğunda — e-posta eki, eski sistem, baskı dükkanı — JPG veya PNG'ye geri dönün, her yerde çalışan iki format.
Resim formatı SSS
WebP JPG'den daha iyi midir?
Web için, genellikle evet. WebP, benzer kalitede JPG'den kabaca 25-35% daha küçük dosyalar üretir ve ayrıca şeffaflık ve animasyonu destekler. JPG, bilinmeyen bir alıcı için ek gibi maksimum uyumluluk gerektiğinde de kazanır.
JPG yerine PNG'yi ne zaman kullanmalıyım?
Grafikler, logolar, simgeler, ekran görüntüleri ve transparent arka planı veya keskin kenarları gerektiren herhangi bir resim için PNG kullanın. Fotoğraflar için PNG gereksiz yere büyük olacaktır JPG kullanın.
AVIF WebP'den daha iyi midir?
AVIF genellikle WebP'den daha küçük dosyalar üretir, özellikle fotoğraflar için ve geniş rengi destekler. WebP biraz daha geniş destek ve daha hızlı kodlamaya sahip, bu nedenle birçok site WebP geri dönüş ile AVIF'i kullanır.
Formatlar arasında dönüştürme kaliteyi kaybeder mi?
Lossy formatına (JPG, WebP, AVIF) dönüştürme bazı detayları çıkar ve tekrar tekrar lossy kaydeder kaybı bileşik. PNG'ye dönüştürme lossless. Her zaman en yüksek kalite orijinalinden dönüştürün.