Resize neyi çözer?
Yeniden boyutlandırma (resize), görselin gereksiz büyük yüklenmesini engeller ve dosyayı “kullanıldığı boyuta” yaklaştırır. Büyük görseller sayfa hızını düşürür; özellikle mobilde daha yavaş açılır, kullanıcı terk oranı artar. Doğru piksel boyutu seçimi, hem kullanıcı deneyimini hem de SEO performansını olumlu etkiler.
Bir görseli 400px genişlikte göstereceğin bir alanda 3000px olarak yüklemek, tarayıcının gereksiz veri indirmesine ve cihazın gereksiz iş yapmasına neden olur. Resize ile hem yükleme süresi düşer hem de performans metriklerinde (özellikle LCP/INP gibi) iyileşme görebilirsin.
Doğru piksel ölçüsü nasıl seçilir?
Genel kural: Görselin sayfada görüneceği maksimum genişliğe göre hedef belirle. Web’de çoğu kullanımda 1200–1600px aralığı yeterlidir. Tam ekran hero görsellerde 1920px mantıklı olabilir; ama daha büyük değerler çoğu zaman gereksiz dosya şişmesine yol açar.
Pratik yaklaşım: Önce hedef genişliği seç (ör. 1600px), sonra oran kilidiyle yükseklik otomatik gelsin. Eğer özel bir alan için net ölçü gerekiyorsa (ör. 800×800 thumbnail), hedefi doğrudan bu şekilde gir.
Oran koruma
En önemli kural: oranı koru. Aksi halde yüzler genişler, ürünler “ezilmiş” görünür ve görsel amatör durur. Oran kilidi açıkken resize işlemi görüntüyü bozmadan ölçekler; böylece kalite algısı korunur.
Bir görseli belirli bir kutuya “tam doldurmak” istiyorsan, sadece resize yetmeyebilir. Bu durumda ya kırpma (crop) ya da padding (arka plan ekleme) daha doğru sonuç verir. Resize, “ölçekleme” işidir; kırpma ise “kadro seçme” işidir.
Web performansı için en iyi akış
Resize → (gerekirse) kırp/padding → export → sıkıştır akışı en verimli yöntemdir. Önce doğru piksele indirip gereksiz veriyi atarsın, sonra format/kalite optimizasyonu ile dosyayı iyice küçültürsün.
İpucu: Boyutlandırma sonrası WebP + sıkıştırma, web için en iyi dengelerden biridir. Fotoğraf türü görsellerde WebP genelde iyi sonuç verir; şeffaflık gerekiyorsa PNG/WebP seçeneklerini ihtiyaca göre değerlendir.
Sık yapılan hatalar
- Görseli gereğinden fazla küçültmek (bulanıklık ve detay kaybı).
- Oran kilidi kapalıyken zorlamak (esneme/bozulma).
- Resize yapmadan sadece sıkıştırmaya yüklenmek (boyut hâlâ büyük kalabilir).
- Thumbnail kullanılması gereken yerde büyük görsel kullanmak (sayfa yavaşlar).
