Ağır bir görselde neden ilk çözüm genellikle boyutlandırmaktır
Modern kameralar çoğu kullanımın ihtiyacından çok daha fazla piksel üretir. 12 MP'lik bir telefon fotoğrafı yaklaşık 4000×3000 px'tir; 48 MP'lik bir sensör kabaca 8000×6000 verir. Bir dizüstü ekranı aşağı yukarı 1920×1080 gösterir, bir blog sütunu çoğunlukla 800 ila 1200 px genişliğindedir, e-posta önizlemesi ise daha da küçüktür.
Dosya boyutu yalnızca genişlikle değil, piksel sayısıyla büyür. İki boyutu da yarıya indirmek piksellerin dörtte birini bırakır; bu yüzden 4000×3000'lik 4 MB'lık bir JPG, 2000×1500'de genellikle 1 MB civarına iner ve normal bir ekranda hiçbir fark görünmez. Bir form "dosya çok büyük" dediğinde ya da bir sayfa yavaş yüklendiğinde boyutlandırmanın neredeyse her sıkıştırma ayarından daha etkili olmasının nedeni budur.
Boyutlandırmanın yaygın nedenleri: iş ilanı sitelerindeki ve resmî formlardaki yükleme sınırları, 800 px'lik bir alana 4000 px'lik fotoğrafın konduğu web sitesi görselleri, e-posta eki sınırları ve 1920×1080'lik bir slayt arka planı gibi tam boyut isteyen şablonlar.
Girdiğiniz boyut nasıl yorumlanır
İki mod vardır ve en-boy oranı kilidi piksel değerlerinin nasıl davrandığını değiştirir.
Kilit açıkken piksel
Hem genişlik hem yükseklik doldurulduğunda görsel, oranları korunarak o kutunun içine sığacak şekilde ölçeklenir. Sonuç kutunun bir kenarına değer, diğer kenarda daha küçük kalır.
- 4000×3000'lik yatay bir fotoğraf, Full HD 1920×1080 hazır boyutuyla 1440×1080 olur, çünkü sınırlayan kenar 1080 px'tir.
- 3000×4000'lik dikey bir fotoğraf aynı hazır boyutla 810×1080 olur.
- 4:3'lük bir fotoğraf Instagram kare 1080×1080 hazır boyutuyla kare değil, 1080×810 olur.
Yalnızca tek bir boyut sizin için önemliyse diğer alanı boşaltın. Genişlik 1200 ve boş yükseklik, tam 1200 px genişlik ve oranları koruyan yükseklik verir.
Kilit kapalıyken piksel
Görsel tam olarak yazdığınız genişlik ve yüksekliğe uzatılır. 1080×1080'e zorlanan 4:3'lük bir fotoğraf yatay olarak basık görünür. Bunu yalnızca oranlar zaten uyuşuyorsa veya hafif bozulma önemli değilse kullanın. Bozulma olmadan belirli bir şekle ihtiyacınız varsa önce görseli hedef orana göre kırpın, sonra boyutlandırın.
Yüzde
%1'den %200'e uzanan bir kaydırıcı iki kenarı da aynı katsayıyla ölçekler. %50, 4000×3000'i 2000×1500'e dönüştürür.
Tüm hazır boyutlar kilidi açar, dolayısıyla her zaman "içine sığdır" şeklinde davranır.
Kaliteye ve formata ne olur
Boyutlandırma tarayıcınızda Canvas API ile yapılır; tarayıcı destekliyorsa büyük toplu işlemler sırasında sayfa takılmasın diye arka planda bir worker içinde çalışır. Çıktı girdinin formatını korur:
- JPG 0.92 kalitesinde yeniden kodlanır. Bu, yeniden sıkıştırma kusurlarının normal görüntülemede fark edilmemesine yetecek kadar yüksektir.
- WebP de 0.92 kalitesinde kodlanır ve saydamlığı korur.
- PNG kayıpsız kalır ve alfa kanalını korur. Fotoğraf içeren PNG dosyaları boyutlandırmadan sonra bile büyük kalır; bunlar için JPG'ye dönüştürmeyi düşünün.
Görsel sıfırdan yeniden çizilip kodlandığından, EXIF kamera bilgileri ve GPS konumu gibi gömülü meta veriler sonuca aktarılmaz. Telefonla çekilmiş fotoğrafları yayımlarken bu hoş bir yan faydadır.
%100'ün üzerine büyütmek mümkündür, ancak olmayan ayrıntıyı icat edemez. 800 px'ten 1600 px'e çıkmak, aynı bilginin daha fazla piksele yayıldığı daha yumuşak bir görsel verir. %120 ila %150'lik ölçülü bir büyütme ekran kullanımı için genellikle kabul edilebilir; bunun ötesinde kenarlar bulanık görünür.
Pratik hedefler ve ipuçları
Uygulamada iyi sonuç veren bazı boyutlar:
- Web sitesi içerik görseli: uzun kenarda 1200 ila 1600 px, orta genişliklerde yüksek yoğunluklu ekranlar dahil çoğu düzeni karşılar.
- Tam ekran arka plan veya slayt: 1920×1080, 4K ekranlar için 3840×2160.
- E-posta eki veya mesajlaşma: uzun kenarda 1600 px, fotoğrafları net tutarken çoğu durumda 1 MB'ın oldukça altında kalır.
Birkaç ipucu:
- Önce boyutlandırın, sonra sıkıştırın. Sonuç hâlâ çok ağırsa daha düşük bir kalite ayarıyla JPG sıkıştırma aracından geçirin; iki adım birlikte en küçük dosyaları verir.
- Her zaman orijinalden çalışın. Zaten küçültülmüş bir kopyayı yeniden büyütmek, geri getiremeyeceğiniz ayrıntıları kaybettirir.
- Toplu işlemler her dosya için tek bir ayar kullanır. Yatay ve dikey çekimlerden oluşan karışık bir grubun uzun kenarını eşitlemek için kilit açıkken iki alana da aynı sayıyı girin: 1600×1600'de her görselin en uzun kenarı 1600 px olur. Kutudan zaten küçük olan görsellerin kutuya sığacak şekilde büyütüleceğini unutmayın.
- Dosya başına 50 MB'a kadar dosya kabul edilir ve hiçbir şey yüklenmez: görseller cihazınızdan hiç çıkmaz.