Web İçin Görsel Hazırlama Rehberi
Web sitenize ekleyeceğiniz görselleri doğru şekilde hazırlamak, sayfa hızını, SEO'yu ve kullanıcı deneyimini doğrudan etkiler. Yanlış boyut veya formattaki görseller gereksiz veri yükü oluşturur ve mobil kullanıcılar için özellikle sorun yaratır.
Bu rehberde boyutlandırma, format seçimi, sıkıştırma, responsive yaklaşım ve dosya adlandırma konularını pratik bir kontrol listesiyle ele alıyoruz. Bu adımları görsel SEO ve performans hedeflerinize ulaşmak için uygulayabilirsiniz.
Boyutlandırma ve Çözünürlük
Görseli ekranda gösterileceği maksimum genişlikten daha büyük kaydetmeyin. Tipik içerik genişliği 1200px civarındadır; Retina ekranlar için 2x (2400px) yeterlidir. Çözünürlük rehberimizde DPI, PPI ve piksel ilişkisini detaylı inceliyoruz. 4K ve üstü çözünürlükler çoğu web kullanımı için gereksizdir.
Format Seçimi
Fotoğraflar için WebP veya JPEG, şeffaflık gerektiren logo ve ikonlar için PNG veya WebP kullanın. Format seçim rehberimizde karar ağacı bulabilirsiniz. Modern tarayıcıların tamamı WebP destekler; eski tarayıcılar için fallback tanımlayın.
Sıkıştırma ve Kalite
Görsel boyutunu azaltmak için kalite parametresini 75–85 arası tutun. Sıkıştırma aracımızla tarayıcıda anında WebP veya optimize PNG/JPEG üretebilirsiniz. Metadata (EXIF) temizlemeyi unutmayın; metadata rehberimizde detaylar var.
Responsive Görseller
srcset ve sizes ile farklı ekran boyutlarına uygun görseller sunun. Mobilde 640px genişlikteki görsel yeterliyken masaüstünde 1200px gerekebilir. <picture> ile AVIF, WebP ve JPEG fallback zinciri kurabilirsiniz. Lazy loading (loading="lazy") ile sayfa ilk yüklemesini hafifletin.
Dosya Adlandırma
SEO ve cache için anlamlı, kısa dosya adları kullanın. Küçük harf, tire (-) ile kelime ayırma ve Türkçe karakter kullanmama önerilir. Örnek: urun-mavi-tişört.webp yerine urun-mavi-tisort.webp. Versiyon değişikliklerinde query string veya dosya adına versiyon ekleyerek cache busting yapın.
Kontrol Listesi
Web için görsel hazırlarken: (1) Boyutu ihtiyaca göre kırpın, (2) WebP veya uygun format seçin, (3) Kaliteyi 75–85 arası tutun, (4) EXIF temizleyin, (5) Anlamlı dosya adı verin, (6) Alt metni ekleyin. Bu adımlar görsel SEO ve performans için temeldir.
Görsellerinizi hemen optimize edin.
Sıkıştırma Aracına Git →