Fotoğraf Boyutlandırma İpuçları: Web için Doğru Boyutlar
1) Neden doğru boyutlandırma kritik?
Web’de yavaş sayfanın en sık nedenlerinden biri gereğinden büyük görsellerdir. Fotoğrafı “güzel görünsün” diye 4000px bırakmak; LCP’yi bozar, mobilde veri yer, SEO’yu zayıflatır. Doğru yaklaşım: kullanım yerine göre genişlik seç, sonra kaliteyi koruyarak sıkıştır.
Bu rehberde blog, e-ticaret, hero/banner ve thumbnail için pratik piksel hedefleri, dosya boyutu bandı ve AllImageLab ile adım adım uygulama yer alıyor. Amaç “teorik codec bilgisi” değil; yayın öncesi 2–3 dakikada uygulanabilir checklist.
2) Web için doğru genişlikler
Aşağıdaki değerler 2026 için “güvenli varsayılan”dır. Temanız daha dar bir içerik sütunu kullanıyorsa (ör. 720–800px), görseli o genişliğe göre export etmek daha da iyidir. Retina/yüksek DPI ekranlar için 1.5×–2× üretmek mantıklı olabilir; ama her görseli 2× yapmak şart değildir.
| Kullanım | Önerilen genişlik | Not |
|---|---|---|
| Blog / makale gövdesi | 1200–1600 px | Çoğu tema için fazlası gereksiz |
| Ürün görseli (katalog) | 1000–1600 px | Zoom varsa üst banda çık |
| Hero / banner | 1600–2400 px | Tam genişlik layout’a göre ayarla |
| Thumbnail / kart | 400–800 px | Küçük alanda büyük dosya yükleme |
| Sosyal paylaşım / OG | 1200 × 630 | Oranı bozmadan kırp |
| Favicon / ikon | 32–512 px | Ayrı küçük set üret |
3) Doğru sıra: kırp → boyutlandır → sıkıştır
- Kırp: Konuyu ortala, gereksiz kenarları at. Kırp aracı ile oran kilidi kullan.
- Boyutlandır: Hedef genişliği seç (yukarıdaki tablo). Boyutlandır veya Preset Stüdyo.
- Format: Fotoğrafta WebP/AVIF; şeffaflıkta PNG/WebP. WebP’ye dönüştür.
- Sıkıştır: Görsel bozulmadan dosya boyutunu düşür. Sıkıştır / compress.
Bu sıra önemlidir: büyük bir dosyayı önce agresif sıkıştırıp sonra küçültmek, gereksiz artifact üretir. Önce piksel sayısını düşür, sonra kalite kaybını yönet.
4) Kalite ve dosya boyutu dengesi
“En yüksek kalite” her zaman doğru hedef değildir. Blog’da 1.8 MB görsel, okuyucuyu ve Core Web Vitals’ı cezalandırır. Pratik bantlar:
- Blog gövdesi: genelde 80–250 KB (WebP) yeter
- Ürün kartı: 40–120 KB
- Hero: 150–400 KB (içeriğe göre)
- Thumbnail: 15–60 KB
Göz testi: %100 zoom’da yazı/kenar bozuluyor mu? Bozulmuyorsa kalite yeterlidir. AllImageLab’de kalite kaydırıcısını adım adım düşürüp dosya boyutunu izle.
5) Senaryolara göre pratik örnekler
Blog yazısı
Makale içinde 5–10 görsel varsa her biri 2–4 MB ise sayfa kolayca 20 MB’ı aşar. Gövde görsellerini 1400px civarına indir, WebP’ye çevir, 100–200 KB bandına çek. Öne çıkan (featured) görseli biraz daha büyük bırakabilirsin; ama yine de 2400px üstü nadiren gerekir.
E-ticaret ürün fotoğrafı
Katalogda küçük, ürün detayında büyük gösterim varsa iki boyut üretmek daha iyidir. Arka planı temizlemek satış dönüşümünü artırabilir: arka plan sil, sonra beyaz zemin + doğru boyut.
Sosyal medya
Instagram, LinkedIn ve Stories farklı oran ister. Tek bir kareyi her yere zorlamak kesilmeye yol açar. Detay için: Instagram görsel boyutu.
6) Sık yapılan hatalar
- Telefonun ham 12 MP çıktısını olduğu gibi yüklemek
- Sadece “sıkıştır” deyip piksel boyutunu hiç düşürmemek
- PNG’yi fotoğrafta kullanıp megabaytları şişirmek
- Hero’yu 5000px bırakıp CSS ile “küçük gösteriyorum” sanmak (indirme hâlâ büyük)
- Thumbnail alanında 1600px görsel kullanmak
- Filigranı ekledikten sonra tekrar aşırı sıkıştırıp okunmaz hale getirmek
Bu hataların ortak sonucu aynıdır: yavaş sayfa, düşük LCP, zayıf mobil deneyim. Boyutlandırma + doğru format çoğu zaman “yeni hosting”ten daha hızlı kazanım sağlar.
7) Yayın öncesi checklist
- Görsel gerçekten ihtiyaç duyulan genişlikte mi?
- Oran doğru mu (1:1, 4:5, 16:9, OG 1.91:1)?
- Format uygun mu (foto → WebP/AVIF, şeffaf → PNG/WebP)?
- Dosya boyutu makul bantta mı?
- Alt metin / dosya adı anlamlı mı?
- Mobilde kesilme / okunaksız metin var mı?
8) SSS
Görseli ne kadar küçültmeliyim?
Sayfada göründüğü genişliğin biraz üstü yeterlidir. 1400px kolon için 3000px kaynak genelde israftır.
Kaliteyi %100’de bırakmalı mıyım?
Çoğu web senaryosunda hayır. Hafif düşüş dosya boyutunu ciddi azaltır, gözle fark edilmez. Önizleyerek ayarla.
Önce sıkıştırıp sonra boyutlandırsam olur mu?
Teknik olarak olur ama önerilmez. Önce piksel azalt, sonra sıkıştır — daha temiz sonuç alırsın.
AllImageLab’de hangi araçla başlamalıyım?
Sosyal oranlar için Preset Stüdyo, serbest ölçü için Boyutlandır, sonra Sıkıştır.
Sonuç
Doğru fotoğraf boyutlandırma; “görseli küçültmek”ten ibaret değildir. Doğru genişlik + doğru format + kontrollü sıkıştırma birlikte çalışır. AllImageLab ile bu akışı tarayıcıda, ekstra yazılım kurmadan uygulayabilirsin.