Bir web sitesi için en iyi görsel formatı hangisidir?

Görselin ne olduğunu bilmeden "en iyi format" sorusu doğru değildir. Bir web sitesinde birbirinden oldukça farklı birkaç görsel türü bulunur ve her biri için açık bir kazanan vardır:

• Fotoğraflar (ürünler, insanlar, yerler): kayıplı bir format. AVIF en küçük seçenektir, WebP güvenli ve modern varsayılandır, JPG ise her tarayıcının gösterebildiği yedek formattır.
• Logolar, simgeler ve illüstrasyonlar: SVG. Vektörel bir çizim olduğundan her ekranda ve her boyutta net kalır; dosya da genellikle çok küçüktür. Yalnızca bir platform SVG kabul etmediğinde piksel tabanlı bir formata geçin.
• Ekran görüntüleri, UI grafikleri ve şeffaflık içeren her şey: PNG veya kayıpsız WebP. Düz renkler ve keskin kenarlar, kayıpsız formatların tam olarak iyi sıkıştırdığı öğelerdir.
• Kısa animasyonlar: Küçük bir renk paletiyle sınırlı olan ve çok daha büyük dosyalar üreten GIF yerine animasyonlu WebP veya AVIF.
• Favicon: Tercihen SVG veya PNG sürümüyle birlikte bir ICO dosyası; ayrıntılar için bir görselden favicon oluşturma kılavuzuna bakın.

Klasik hata, bir fotoğrafı PNG olarak kaydetmektir. PNG her pikseli kayıpsız saklar; bu, bir logo için mükemmel, fotoğraf için ise felakettir: Görünür hiçbir kazanç sağlamadan dosya boyutu bir JPG dosyasının birkaç katına çıkar.

Fotoğraflarda seçim, yeni tarayıcılara ne kadar güvenebileceğinize bağlıdır:

• AVIF en iyi sıkıştırmayı sağlar: Tipik web kalitesinde JPEG biçiminden yaklaşık 50%, WebP biçiminden ise 20–30% daha küçük olur ve gerekirse HDR ile geniş renk gamını destekler. Chrome, Firefox ve Safari bu formatı görüntüler (Safari, 16.4 sürümünden beri, 2023). Dezavantajları, özellikle büyük görsellerde yavaş kodlama ve masaüstü yazılımlarıyla eski cihazlardaki sınırlı destektir.
• WebP pragmatik varsayılandır: Aynı görsel kalitesinde JPEG biçiminden 25–35% daha küçüktür, şeffaflığı destekler ve 2020 tarihinden beri tüm yaygın tarayıcılarca desteklenir. Bazı masaüstü uygulamaları ve eski araçlar hâlâ bu formatı açamaz; bu durum ziyaretçilere sunduğunuz dosya için değil, tasarımcıya verdiğiniz dosya için önemlidir.
• JPG evrensel yedek formattır. Üçü arasında en az verimli olanıdır, ancak yaklaşık 75–82 kalite düzeyinde kaydedilmiş bir JPG genellikle ekranda orijinalinden ayırt edilemez ve web üzerindeki her şey onu görüntüleyebilir.

En güçlü kurulum, AVIF biçimini onu anlayan tarayıcılara, WebP biçimini geri kalanlara sunar ve daha eski olan her şey için bir JPG tutar. Tek bir format seçmeyi tercih ediyorsanız JPG yedeğiyle WebP neredeyse herkesi kapsar. Doğrudan karşılaştırmalar WebP ve AVIF ile WebP ve JPG kılavuzlarında yer alır; fotoğraflar yerine grafikler için PNG ve JPG kılavuzuna bakın.

Hedefi belirledikten sonra dönüştürme hızlıdır ve dosya hiçbir zaman cihazınızdan ayrılmaz. EditItAll görsel dönüştürücü tamamen tarayıcınızda çalışır:

1. Dönüştürücüyü açıp görsellerinizi bırakın; tek bir dosya veya bir klasör dolusu dosya olabilir. Toplu dosyalar birlikte işlenir.
2. Çıktı formatını seçin: Fotoğraflar için WebP veya AVIF, şeffaflık gerektiren grafikler için PNG. Yaygın işlemler için doğrudan seçenekler vardır: JPG biçiminden WebP biçimine, PNG biçiminden WebP biçimine, JPG biçiminden AVIF biçimine ve PNG biçiminden AVIF biçimine.
3. Kaliteyi ayarlayın. Hedef boyut alanı yoktur; boyut bir çıktıdır. Her dosyanın önceki ve sonraki boyutu gösterilir; sayı ve görsel uygun görünene kadar kaydırıcıyı küçük adımlarla ayarlayın.
4. Sonuçları ayrı ayrı veya tek bir ZIP olarak indirin.

Hiçbir şey yüklenmez; sayfa açıldıktan sonra internet bağlantısını kesip dönüştürmeye devam edebilirsiniz. Ayrıca dışa aktarılan her görselden EXIF ve GPS meta verileri kaldırılır, böylece bir ürün fotoğrafı çekildiği yeri yayımlamaz. Ücretsizdir; hesap ve filigran yoktur. Doğru formata zaten sahipsiniz ve yalnızca dosyayı küçültmeniz mi gerekiyor? Doğrudan görsel sıkıştırıcıya gidin. Bir platform vektörel logonun piksel tabanlı sürümünde ısrar ediyorsa SVG biçiminden PNG biçimine dönüştürme aracı, logoyu seçtiğiniz boyutta işler.

Format seçimi önemlidir, ancak üç alışkanlık JPG biçiminden AVIF biçimine geçmenin sağlayabileceğinden daha fazla bayt tasarrufu sağlar:

• Görseli gerçekten göstereceğiniz boyuta getirin. Bir kamera fotoğrafı, sayfada kapladığı alandan katbekat daha geniştir ve bu fazladan piksellerin her biri indirilip atılır. EditItAll görsel araçlarında tam olarak bunun için isteğe bağlı bir maksimum boyut sınırı bulunur.
• Orijinalden başlayarak bir kez sıkıştırın. Her kayıplı kayıt biraz daha fazla ayrıntıyı atar. Orijinali saklayın, web kopyasını ondan dışa aktarın ve bir JPG dosyasını zincirleme biçimde önce WebP, sonra AVIF olarak yeniden kaydetmeyin.
• Modern formatları bir yedekle sunun. Önce AVIF veya WebP sunun ve eski tarayıcıların JPG ya da PNG biçimine dönmesine izin verin; böylece hiçbir ziyaretçi bozuk bir görselle karşılaşmaz.

Bir hız raporu size "görselleri verimli biçimde kodlamanızı" veya "görselleri yeni nesil formatlarda sunmanızı" söylüyorsa kastedilen tam olarak bu karardır: görselleri verimli kodlama uyarısını düzeltme kılavuzu süreci açıklar, web için JPEG sıkıştırma kılavuzu da kalite kaydırıcısını ayrıntılı biçimde ele alır. Daha fazla format kılavuzu görsel dönüştürme grubunda bulunur.