JPEG, PNG veya WebP: Görselin kullanımına göre format seçin
Her görsel için tek bir en iyi format yoktur. Şeffaf arka planlı ürün görseli, tatil fotoğrafı ve küçük yazılar içeren ekran görüntüsü farklı önceliklere sahiptir. Dosyayı küçültmeden önce hangi ayrıntıların korunacağını belirleyin.
Kullanım amacından başlayın
JPEG fotoğraflarda yaygındır, genellikle kayıplı sıkıştırma kullanır ve alfa şeffaflığını korumaz. PNG, şeffaflık ve kayıpsız ayrıntılar için uygundur. WebP hem kayıplı hem kayıpsız modları ve şeffaflığı destekler. Dosyayı açacak uygulamanın da seçilen formatı desteklemesi gerekir.
Kaynaklar: MDN — Image File Type and Format Guide · Google for Developers — WebP
Piksel boyutları ile dosya boyutu aynı şey değildir
1600 × 1000 gibi boyutlar piksel ızgarasını, 450 KiB gibi bir dosya boyutu ise depolanan veri miktarını belirtir. Piksel boyutlarını küçültmek piksel sayısını azaltır; sıkıştırma ayarları saklama biçimini değiştirir. Aynı boyutlardaki görsellerin dosya boyutları farklı olabilir.
Küçük bir ekran alanı için uygun piksel boyutlarıyla başlayın. Baskıda, pikselleri hedef ölçüyle ilişkilendirin: 1800 piksel, inç başına 300 piksel yoğunlukta teorik olarak 6 inç genişlik verir. Bu bir yoğunluk hesabıdır; yazıcının veya kaynak görselin kalitesini garanti etmez.
Dönüşüm neyi geri getirebilir?
JPEG’i PNG’ye çevirmek, daha önce kaybolmuş ayrıntıları geri getirmez. Şeffaf bir görseli JPEG’e çevirmek için şeffaflığın yerine arka plan gerekir. Orijinali saklayın; yalnızca uzantıya güvenmek yerine çıktıyı inceleyin.
Görseli hedef gösterim boyutunda açın, ardından yazılara ve kenarlara yakınlaşın. Renk geçişlerini, logoları ve şeffaf alanları kontrol edin. Bir etiket okunamaz hale geliyorsa biraz daha küçük dosya daha iyi değildir.
Kaynaklar: MDN — Image File Type and Format Guide
Örnek: renkli kart üzerindeki logo
Şeffaf logo 1200 × 800 piksel ve 300 piksel genişlikte gösterilecek olsun. Uygun ekranlarda gösterim boyutlarının 2 katını sağlamak için şeffaflığı destekleyen formatta 600 × 400 sürümünü deneyin.
Sonucu hem açık hem koyu arka plana yerleştirin. Beyaz dikdörtgen veya kenarlarda hale görünüyorsa arka planı ve dönüşümü yeniden kontrol edin. Her görselde sabit bir tasarruf oranı varsaymak yerine netlikle dosya boyutunu birlikte karşılaştırın.