İyi bir fotoğraf, yavaş açılıyorsa işe yaramaz. Fotoğrafı web için hazırlamak, hem ziyaretçi deneyimini hem de arama sıralamasını iyileştirir.
Doğru boyut
Görseli göründüğü boyuttan çok daha büyük yüklemek sayfayı gereksiz ağırlaştırır. Masaüstünde 1200–1600 piksel genişlik çoğu görsel için yeterlidir; mobil için daha küçük sürümler sunulmalıdır. Duyarlı görsel (srcset) tarayıcının uygun boyutu seçmesini sağlar.
Format
- WebP ve AVIF: JPEG’e göre aynı kalitede belirgin biçimde daha küçük dosya.
- JPEG: Fotoğraflar için yaygın ve uyumlu yedek.
- PNG: Şeffaflık gereken grafikler için.
- SVG: Logo ve çizimler için.
Sıkıştırma
Kaliteyi gözle belli olmayacak seviyede düşürüp dosya boyutunu azaltın. Kalite %75–85 aralığı çoğu fotoğraf için yeterlidir.
Alt metin ve dosya adı
Her görsele anlamlı bir alt metin yazın: erişilebilirlik ve görsel aramada görünürlük için. Dosya adı da açıklayıcı olsun (bodrum-villa-havuz.webp).
Yavaş yükleme
Sayfanın ilk ekranında olmayan görselleri loading="lazy" ile geç yükleyin; görsellere boyut verin ki sayfa zıplamasın. Bkz. Core Web Vitals.
Bu sitedeki portfolyo görselleri de otomatik olarak modern formata ve birden çok boyuta çevrilerek yayınlanır. Fotoğraf çekimi ve optimizasyon için fotoğraf çekimi, hız ve yapı için web tasarım hizmetlerimize bakın. Genel bakış için işletmeniz için profesyonel fotoğraf yazısını okuyun.