Her görsel formatı; dosya boyutu, kalite ve şeffaflık ya da animasyon gibi özellikler arasında bir dizi ödünleşmedir. Yanlışını seçin ve şişkin dosyalar, bulanık metin ya da görüntülenmeyen grafikler elde edersiniz. İşte yaygın formatların her biri sade terimlerle, ardından elinizin altında tutabileceğiniz bir tablo.
İki büyük aile
Tek tek formatlardan önce, çoğunu açıklayan bir ayrım var:
- Raster görseller piksel ızgaralarıdır. Fotoğraflar rasterdir. Yeterince yakınlaştırın, kareler görürsünüz. PNG, JPG, WebP, AVIF ve GIF'in hepsi rasterdir.
- Vektör görseller matematiktir — koordinatlarla tanımlanmış çizgiler, eğriler ve şekiller. Bulanıklaşmadan herhangi bir boyuta ölçeklenirler. SVG, web'deki vektör formatıdır.
Diğer önemli fikir kayıplı ve kayıpsız ayrımıdır. Kayıplı formatlar (JPG, genellikle AVIF/WebP) dosyayı küçültmek için bir miktar detayı atar. Kayıpsız formatlar (PNG, GIF, kayıpsız WebP) her pikseli tam olarak korur.
Formatlar, tek tek
JPG (JPEG) — Fotoğraflar için asıl iş gören. Kayıplı, küçük ve tam anlamıyla her yerde okunabilir. Şeffaflık yok, animasyon yok. Tekrar tekrar kaydetmek onu yavaşça bozar. Fotoğraflar ve azami uyumluluk gereken her yer için kullanın.
PNG — Kayıpsız, şeffaflığı destekler. Ekran görüntüleri, logolar, ikonlar ve diyagramlar — metin ya da keskin kenarları olan her şey — için doğru seçim. PNG'deki fotoğraflar büyük olur, dolayısıyla onlar için kullanmayın.
WebP — Her iki işi de yapan modern bir format: kayıplı mod boyutta JPG'yi geçer (~%25–35 daha küçük), kayıpsız mod şeffaflığı destekler ve kompakt kalır. Animasyonu da işler. Artık tarayıcılarda evrensel olarak destekleniyor. Web için ideal; e-posta ya da eski yazılım için daha az.
AVIF — Buradaki en yeni ve en iyi sıkıştırıcı, benzer kalitede kabaca JPEG'in yarısı boyutunda, şeffaflık ve HDR ile. Tarayıcılar onu iyi görüntüleyebilir ama bir canvas'tan güvenilir şekilde kodlayamaz — bu yüzden AVIF istediğinizde tarayıcı tabanlı araçlar WebP'ye geri döner. Gerçek AVIF kodlaması bir sunucu ya da yerel uygulama gerektirir.
GIF — Eski, 256 renkle sınırlı ama basit animasyonun klasiği. Kısa bir döngünün ötesindeki her şey için WebP (ya da bir video) daha küçük ve daha keskindir. Küçücük animasyonlu ikonlar için idealdir; fotoğraflar için kötü.
SVG — Vektör, dolayısıyla bulanıklaşmadan sonsuza dek ölçeklenir ve basit grafikler için küçücük kalır. Logolar, ikonlar ve illüstrasyonlar için mükemmel. Piksel değil koddur, bu yüzden bir fotoğrafı temsil edemez.
Karşılaştırma tablosu
| Format | Tür | Sıkıştırma | Şeffaflık | Animasyon | En uygun |
|---|---|---|---|---|---|
| JPG | Raster | Kayıplı | Hayır | Hayır | Fotoğraflar, azami uyumluluk |
| PNG | Raster | Kayıpsız | Evet | Hayır | Ekran görüntüleri, logolar, metin |
| WebP | Raster | Her ikisi | Evet | Evet | Web görselleri, küçük + alfa |
| AVIF | Raster | Kayıplı/kayıpsız | Evet | Evet | Azami sıkıştırma (sunucu tarafı) |
| GIF | Raster | Kayıpsız | Yalnızca 1 bit | Evet | Basit animasyonlar |
| SVG | Vektör | Yok | Evet | Evet (CSS/JS ile) | Logolar, ikonlar, illüstrasyonlar |
Hızlıca nasıl seçilir
- Fotoğraf mı? Uyumluluk için JPG, web için WebP.
- Ekran görüntüsü, logo ya da metin mi? PNG (raster) ya da SVG (gerçek bir vektör grafikse).
- Şeffaflık mı gerekli? PNG, WebP, AVIF ya da SVG — asla JPG.
- Animasyon mu? Kalite ve boyut için WebP, yalnızca eski basitlik için GIF.
- Bir web sitesinde mi yayınlıyorsunuz? WebP genellikle akıllı varsayılandır.
Aralarında dönüştürme
Yanlış formata sahip olduğunuzda, onu düzeltmek için hiçbir şey yüklemenize gerek yok. Görsel Dönüştürücü, Canvas kullanarak tam da tarayıcınızda PNG, JPG ve WebP arasında geçiş yapar — hesap yok, hiçbir şey iletilmez ve ilk ziyaretten sonra çevrimdışı çalışır. Toplu işleri halleder ve AVIF isterseniz, tarayıcılar AVIF'i güvenilir şekilde kodlayamadığından WebP'ye (JPG/PNG'den küçük ve her yerde destekli) geri döner.
Yukarıdaki tabloyu aklınızda tutun ve format seçimi tahmin oyunu olmaktan çıksın: formatı içeriğe (fotoğraf mı grafik mi), sonra hedefe (web, e-posta, baskı) eşleştirin, neredeyse her seferinde doğru seçersiniz.