Görsel Boyutlandırma Rehberi: Web ve Sosyal Medya İçin Optimal Boyutlar
Web sitesi, sosyal medya ve e-posta için doğru görsel boyutları seçmek hem görsel kaliteyi hem de sayfa yükleme hızını etkiler. Bu rehberde her platform için optimal boyutları ve boyutlandırma ipuçlarını anlatıyoruz.
Son güncelleme:Neden görsel boyutu önemli?
Büyük görseller sayfa yükleme süresini artırır. Google'ın Core Web Vitals metriğine göre, LCP (Largest Contentful Paint) 2.5 saniyenin altında olmalı. Büyük görseller LCP'yi olumsuz etkiler.
Küçük görseller kalite kaybına yol açar. Aşırı sıkıştırılmış veya düşük çözünürlüklü görseller bulanık görünür ve profesyonel izlenim vermez.
Doğru boyut, hem kaliteyi hem performansı optimize eder. Her kullanım senaryosu için ideal boyutlar vardır.
Web sitesi için optimal boyutlar
Hero/banner görseli: 1920x1080 piksel (16:9), 200-400 KB. Tam ekran kapak görseli için ideal.
Blog kapak görseli: 1200x628 piksel (1.91:1), 100-200 KB. Sosyal medya paylaşımında da kullanılabilir.
İçerik görseli: 800x600 piksel, 50-150 KB. Makale içi görseller için yeterli.
Thumbnail: 300x200 piksel, 20-50 KB. Liste ve galeri görünümü için.
Logo: 200x50 piksel (veya vektör SVG), 10-30 KB. Header ve footer için.
Favicon: 32x32 veya 16x16 piksel, ICO/PNG formatı.
Sosyal medya için optimal boyutlar
Instagram: Kare 1080x1080, Dikey 1080x1350, Story 1080x1920 piksel.
Facebook: Kapak 820x312, Gönderi 1200x630, Profil 170x170 piksel.
Twitter/X: Header 1500x500, Gönderi 1200x675, Profil 400x400 piksel.
LinkedIn: Kapak 1584x396, Gönderi 1200x627, Profil 400x400 piksel.
YouTube: Thumbnail 1280x720, Kanal kapak 2560x1440 piksel.
Pinterest: Pin 1000x1500 piksel (2:3 oran).
Boyutlandırma ipuçları
1. Oranı kilitleyin: Görseli bozmadan boyutlandırmak için en-boy oranını (aspect ratio) koruyun.
2. Retina/HiDPI: 2x çözünürlük kullanın (örn. 2400x1256 yerine 1200x628). Retina ekranlarda keskin görünür.
3. WebP kullanın: WebP formatı JPEG'den %25-35 daha küçüktür. Modern tarayıcılar destekler.
4. Lazy loading: Sayfa altında kalan görselleri lazy load ile yükleyin. İlk görünüm hızlanır.
5. Responsive images: Farklı ekran boyutları için farklı boyutlarda görsel sunun (srcset).
Utilgo Görsel Boyutlandırıcı
Utilgo Görsel Boyutlandırıcı, piksel veya yüzde bazlı boyutlandırma, en-boy oranını kilitleme ve format seçimi (JPEG/PNG/WebP) destekler. 20 MB ve 40 megapiksele kadar dosyalar işlenir.
İlgili araçlar
Adım adım kullanım rehberleri
Aynı konuda uygulamalı yazılar
Mobil Web Performansı: Optimizasyon ve Best Practices
Mobil web performansı, masaüstü performansından farklı zorluklar içerir.
Fotoğrafı 200 KB Altına İndirme: Boyut Sınırını Kaliteyle Dengeleyin
Başvuru formu fotoğrafı kabul etmiyorsa sorun yalnızca piksel ölçüsü olmayabilir.
Responsive Görseller: srcset, sizes ve Art Direction
Responsive görseller, farklı ekran boyutları ve çözünürlükler için optimize edilmiş görseller sunar.