Görseller neden küçültülmeli?
Çoğu web sayfasında en ağır bileşen görsellerdir. Telefondan çekilen bir fotoğraf birkaç megabayt olabilir; aynı görsel sayfada 400 piksel genişliğinde gösterilecekse ziyaretçinin bunu tam boyutta indirmesi gereksizdir. Ağır görseller sayfanın açılışını yavaşlatır, mobil veri harcar ve Google'ın sayfa deneyimi ölçümlerinde (özellikle en büyük içerik öğesinin yüklenme süresi, LCP) puan kaybettirir. Hız kaybı ziyaretçinin siteyi terk etme olasılığını artırır; bu yüzden görsel optimizasyonu, bir web sitesinde en az emekle en çok kazanç getiren işlerden biridir.
Hangi biçimi seçmeli?
| Biçim | Ne zaman? | Dikkat |
|---|---|---|
| WebP | Fotoğraf ve genel web görselleri; şeffaf logolar. | Güncel tarayıcıların tamamı destekler; çok eski cihazlarda ve bazı belge programlarında açılmayabilir. |
| JPEG | Her yerde açılması gereken fotoğraflar (e-posta, belge, eski sistemler). | Şeffaflık yoktur; düz renkli grafiklerde sıkıştırma izleri görünebilir. |
| PNG | Ekran görüntüsü, düz renkli grafik, keskin kenarlı logo ve şeffaflık gereken yerler. | Kayıpsızdır; fotoğraflarda çok büyük dosya üretir, kalite ayarı çalışmaz. |
Boyut mu, kalite mi?
Dosya boyutunu etkileyen iki şey vardır: görselin piksel boyutu ve sıkıştırma kalitesi. Piksel boyutunu ihtiyacınıza göre sınırlamak genellikle daha etkilidir: sayfada en fazla 1200 piksel genişliğinde gösterilecek bir görseli 4000 piksel olarak saklamak büyük bir israftır. Ekranların yüksek yoğunluklu olduğunu düşünerek, gösterim boyutunun yaklaşık iki katını yeterli sayabilirsiniz. Ardından kaliteyi %75-85 civarında tutmak, gözle fark edilmeyen bir kayıpla ek tasarruf sağlar.
Hedef boyut nasıl çalışır?
Bir formun, ilanın veya e-ticaret dışı bir başvurunun "en fazla 200 KB" gibi bir yükleme sınırı varsa, "Hedef dosya boyutu"nu işaretleyip KB değerini yazın. Araç, kaliteyi ikili arama yöntemiyle en yüksek ama sınırı aşmayan değere ayarlar; kalite tek başına yetmezse piksel boyutunu kademeli olarak küçültür. Hedefe ulaşılamazsa sizi uyarır ve mümkün olan en küçük sonucu verir.
Sitenizde kullanırken ipuçları
- Görsel etiketlerine
widthveheightdeğerlerini yazın; sayfa yüklenirken içerik kaymasını (CLS) önler. - Ekranın altında kalan görsellere
loading="lazy"ekleyin; ilk ekrandaki ana görselde ise bunu kullanmayın. - Dosya adlarını anlamlı ve Türkçe karaktersiz yazın (ör.
istanbul-ofis.webp); Türkçe slug üretici bu iş için yardımcı olur. - Görsele açıklayıcı
altmetni ekleyin; hem erişilebilirlik hem görsel arama için gereklidir. - Sitenizin hız ve SEO durumunu toplu görmek için SEO + GEO Analizi aracını kullanabilirsiniz.
Gizlilik ve veri güvenliği
Bu araçta görseller tarayıcınızın içinde işlenir; hiçbir sunucuya gönderilmez. Dönüştürme sırasında fotoğraflardaki konum (GPS), çekim zamanı ve cihaz bilgisi gibi EXIF üst verileri çıktıya aktarılmaz. Kimlik, belge veya özel fotoğraflarınızı da bu nedenle güvenle küçültebilirsiniz; yine de paylaşmadan önce sonucu kontrol etmenizi öneririz.
