Hızlı cevap: fotoğraflar JPEG'e, keskin kenarları ya da şeffaflığı olan grafikler PNG'ye gider. Başka hiçbir şey hatırlamazsanız, bu kural kararların %90'ını doğru halleder. Bu sayfanın geri kalanı nedenini açıklar, böylece sınır durumlarına kendiniz karar verebilirsiniz.
Önemli olan tek ayrım
JPEG ve PNG farklı görsel türleri için yapılmıştı.
- JPEG, fotoğraflar için ayarlanmış kayıplı bir formattır. Yumuşak geçişlerde üstündür — ten, gökyüzü, odak dışı arka planlar — ve gözünüzün yok saydığı ince detayı memnuniyetle atar. 12 megapiksellik bir fotoğrafı 2 MB'a sığdırmasının yolu budur.
- PNG, düz renk, keskin çizgiler ve metin için yapılmış kayıpsız bir formattır. Ayrıca JPEG'in hiç yapamadığı şeffaflığı destekler. Bir logo, bir ikon, bir arayüz ekran görüntüsü ya da bir grafik PNG'ye aittir.
Yanlışını kullanın ve hemen hissedersiniz. Bir logoyu JPEG olarak kaydedin, keskin kenarlar gri "sivrisinek gürültüsü" ile saçaklanır. Bir fotoğrafı PNG olarak kaydedin, dosya görünür bir fayda olmadan beş ya da on kat büyür.
Hızlı bir karar rehberi
Sırayla iki soru sorun:
- Şeffaflık gerektiriyor mu? Evetse → PNG (ya da WebP). JPEG'in şeffaflığı yoktur, nokta.
- Bir fotoğraf mı, yoksa çok sayıda geçiş içeren fotoğraf benzeri bir görsel mi? Evetse → JPEG. Düz renk, keskin metin ya da çizgi resmiyse → PNG.
Ekran görüntüleri klasik tuzaktır. Fotoğraf ağırlıklı bir web sayfasının ekran görüntüsü JPEG olarak daha iyi sıkışır; kodun, bir elektronik tablonun ya da bir arayüzün ekran görüntüsü PNG olarak keskin ve küçük kalır. Şüphedeyken ikisini de deneyin ve karşılaştırın — bu da bizi araçlara getirir.
Aralarında dönüştürme
Yanlış formata sahipseniz, geçiş yapmak çok basittir. IMG.DIY'nin Görsel Dönüştürücü aracı, tam da tarayıcıda PNG, JPG, WebP ve AVIF arasında geçiş yapar. (Not: tarayıcılar AVIF'i canvas üzerinden kodlayamaz, dolayısıyla AVIF çıktısı WebP'ye geri döner — neredeyse aynı derecede küçük ve evrensel olarak destekli.) Bütün bir toplu işi tek seferde dönüştürebilirsiniz.
En yaygın kazanç: bir tasarımcı size bir klasör dolusu PNG fotoğraf verdi. Onları JPG'ye dönüştürün ve klasörün görünür bir kayıp olmadan %80 ya da daha fazla küçüldüğünü izleyin.
Her formatı doğru şekilde sıkıştırma
Format seçimi işin yalnızca yarısıdır — yine de dosyanın küçük olmasını istersiniz.
- JPEG (ve WebP) için: bir kalite kaydırıcısı kullanın. 75–85 aralığı, boyutu sertçe keserken çoğu fotoğraf için görsel olarak kayıpsızdır.
- PNG için: kayıpsız olduğu için bir kalite kaydırıcısı yoktur. Bunun yerine renk sayısını azaltın. Çoğu PNG, izin verildiğinden çok daha az renk kullanır, dolayısıyla 256 renkli bir palete indirgemek genellikle görünür bir değişiklik olmadan %60–80 tasarruf sağlar — ve şeffaflığı sağlam tutar.
IMG.DIY'nin Görsel Sıkıştırıcı aracı, ona verdiğiniz formata bağlı olarak doğru yöntemi otomatik uygular ve orijinalden büyük bir dosyayı asla çıkarmaz. JPG ve PNG'lerin karışık bir klasörünü toplu işleyin, her biri ihtiyacı olan işlemi alır.
Peki ya WebP?
Anmaya değer: WebP her iki işi de yapar. Fotoğrafları JPEG gibi sıkıştırır ve PNG gibi şeffaflığı destekler, genellikle her ikisinden de küçük boyutlarda. İzleyiciniz modern tarayıcılardaysa (ki artık neredeyse herkes öyle), WebP'ye dönüştürmek çoğu zaman en iyi tek hamledir. Yalnızca çok eski yazılımı desteklemek zorundaysanız bir JPEG ya da PNG yedeği tutun.
Sonuç
Fotoğraflar → JPEG. Logolar, ikonlar, metin, şeffaflık → PNG. Hem sıkıştırma hem de şeffaflık, ya da mümkün olan en küçük dosya mı gerekli → WebP'yi düşünün. Sonra formata uygun yöntemle sıkıştırın. Buradaki her adım tamamen tarayıcınızda çalışır — hiçbir şey yüklenmez ve ilk ziyaretinizden sonra araçlar çevrimdışı çalışır.