Kaliteli görseller bir siteyi canlı ve güvenilir gösterir. Ancak optimize edilmemiş görseller, sitelerin yavaş açılmasının en yaygın sebebidir. İyi haber şu ki kaliteden ödün vermeden görselleri çok daha hafif hale getirmek mümkün.
Gerçek fotoğraflar kullanın
Stok fotoğraflar hızlı bir çözümdür ama her sitede aynı yüzleri görmek güveni azaltır. Ekibinizin, işyerinizin, ürünlerinizin ve tamamladığınız işlerin gerçek fotoğrafları çok daha ikna edicidir.
Doğru boyutta yükleyin
Telefonla çekilmiş bir fotoğraf binlerce piksel genişliğinde olabilir. Sitede 800 piksel genişliğinde gösterilecek bir görseli 4000 piksel olarak yüklemek, gereksiz yere megabaytlarca veri indirilmesine neden olur. Görseli gösterileceği en büyük boyuta göre küçültün.
Modern formatlar kullanın
- WebP: JPEG'e göre genellikle çok daha küçük dosya boyutu sağlar ve tüm modern tarayıcılarda desteklenir.
- AVIF: Daha da yüksek sıkıştırma sunar.
- SVG: Logo ve ikonlar için idealdir; her boyutta net görünür ve çok küçüktür.
- PNG: Şeffaflık gereken ama SVG olamayan grafikler için.
Sıkıştırın
Görsel sıkıştırma araçları, gözle fark edilmeyecek düzeyde kalite kaybıyla dosya boyutunu ciddi şekilde düşürür.
Tembel yükleme kullanın
Sayfanın aşağısındaki görsellerin, kullanıcı o bölüme gelince yüklenmesi ilk açılışı hızlandırır. Ancak sayfanın en üstündeki ana görselde tembel yükleme kullanmayın.
Genişlik ve yükseklik belirtin
Görsellerin boyutları kodda belirtilmezse sayfa yüklenirken içerik kayar. Bu hem kullanıcıyı rahatsız eder hem de Core Web Vitals ölçümlerini olumsuz etkiler.
Alt metin yazın
Her görsele, içeriğini anlatan kısa bir alternatif metin ekleyin. Bu, görme engelli kullanıcılar ve Google Görseller için önemlidir. Detaylar görsel SEO yazımızda.
Telif haklarına dikkat
İnternette bulduğunuz her görseli kullanamazsınız. Kendi fotoğraflarınızı, lisansını aldığınız görselleri ya da kullanım izni açıkça verilmiş kaynakları tercih edin.
Sonuç
Doğru hazırlanmış görseller sitenizi hem güzel hem hızlı yapar. Tasarladığımız sitelerde tüm görselleri yayından önce optimize ediyoruz. Detaylar için kurumsal web tasarım sayfamıza göz atın.
Firmanızı anlatan, hızlı ve mobil uyumlu siteler. Projenizi konuşalım, size uygun paketi birlikte seçelim.