Görselleri Yeniden Boyutlandırma: Piksel, En-Boy Oranı ve DPI
Yeniden boyutlandırma basit görünür, ancak arkasındaki seçimler bir görselin keskin kalıp kalmayacağını, şeklini koruyup korumayacağını ve dosya boyutunun makul olup olmayacağını belirler. Bu rehber piksel boyutlarını, en-boy oranını, yeniden örnekleme kalitesini, DPI'ı ve ekranlar için boyut seçimini açıklar.
Pikseller, Ölçüler ve Dosya Boyutu
Dijital bir görsel, piksellerden oluşan bir ızgaradır. 4000 × 3000 gibi ölçüler, yatayda ve dikeyde kaç piksel olduğunu gösterir; bu iki sayının çarpımı piksel sayısını verir, bu örnekte 12 milyon piksel (12 megapiksel). Yeniden boyutlandırma bu ızgarayı yenisiyle değiştirir ve her yeni pikseli eski piksellerden hesaplar; buna yeniden örnekleme denir.
Piksel sayısı kenar uzunluklarının karesiyle büyür: genişliği ve yüksekliği yarıya indirmek piksellerin dörtte birini bırakır. Bu yüzden ölçüleri küçültmek çoğu zaman dosyayı en çok küçülten adımdır; yine de biçim, kalite ayarı ve ince ayrıntı miktarı da önemlidir. Programlar bir görseli göstermek veya düzenlemek için onu sıkıştırılmamış piksellere çözer ve her piksel genellikle 4 bayt yer kaplar; bu nedenle 12 megapiksellik bir fotoğraf, dosyası ne kadar küçük olursa olsun yaklaşık 48 MB bellek gerektirir.
En-Boy Oranını Koruyun ya da Önce Kırpın
En-boy oranı, genişlik ile yükseklik arasındaki ilişkidir: 4000 × 3000 ölçüsü 4:3, 1920 × 1080 ise 16:9 oranındadır. Oranı korursanız bir kenarı siz seçersiniz, diğeri ona göre belirlenir; böylece 1.200 piksel genişliğe boyutlandırılan 4000 × 3000 bir fotoğraf 1200 × 900 olur. İki kenarı da serbestçe ayarlarsanız oranı farklı olan bir görsel gerilir ya da basılır ve daireler ovale dönüşür.
Farklı bir şekilde ve bozulma olmadan tam bir boyut elde etmek için önce hedef en-boy oranına kırpın, ardından yeniden boyutlandırın. Dikey ve yatay fotoğraflardan oluşan bir grupta sabit bir genişlik dikey görselleri uzun yapar: 1.200 piksel genişliğe getirilen 3000 × 4000 bir fotoğraf 1200 × 1600 olur.
Görselleri Küçültmek veya Büyütmek
Bir görsel küçültüldüğünde her yeni piksel birkaç orijinal pikseli özetlemelidir. Yalnızca yakındaki birkaç pikselden örnek alan hızlı bir yöntem, büyük bir küçültmede ayrıntıları atlar; bu da kumaşlarda, ince çizgilerde ve metinde tırtıklı kenarlar ve titreşen desenler (aliasing veya moiré) olarak görünür. Daha iyi yeniden örnekleme daha fazla kaynak pikseli hesaba katar. LeedyBox boyutlandırıcı görseli yarıya indirme adımlarıyla küçültür; her adımda komşu piksellerin ortalaması alınır ve bu yöntem, tarayıcının ölçeklendirmesiyle daha yumuşak sonuçlar verir. Çok küçültülmüş görseller yine de biraz yumuşak görünebilir; LeedyBox bunları keskinleştirmez.
Büyütme yeni pikselleri komşularından tahmin eder; bu yüzden kenarlar yumuşar veya bloklaşır ve yeni ayrıntı ortaya çıkmaz. Özel büyütme yazılımları akla yatkın görünen ayrıntılar ekleyebilir, ancak bu ayrıntılar kurtarılmış değil, üretilmiştir. Daha büyük bir görsele ihtiyacınız varsa mümkün olduğunda daha büyük bir orijinale geri dönün.
DPI, PPI ve Baskı Boyutu
DPI (inç başına nokta), daha doğru adıyla PPI (inç başına piksel), bazı görsel dosyalarında saklanan bir sayıdır. Baskı ve sayfa düzeni yazılımlarına pikselleri ne büyüklükte basacaklarını söyler; pikselleri değiştirmez. İnç cinsinden baskı boyutu = piksel ÷ PPI (santimetre için 2,54 ile çarpın).
| Görsel genişliği | 300 PPI ile basıldığında | 150 PPI ile basıldığında |
|---|---|---|
| 1.200 piksel | 4 inç (10,2 cm) | 8 inç (20,3 cm) |
| 2.400 piksel | 8 inç (20,3 cm) | 16 inç (40,6 cm) |
| 3.600 piksel | 12 inç (30,5 cm) | 24 inç (61 cm) |
Yalnızca DPI değerini değiştirmek baskı boyutunu değiştirir, ancak pikseller aynı kaldığı için görsel ekranda birebir aynı görünür. Keskin bir baskı için yeterli piksel gerekir: 300 PPI'da 6 × 4 inçlik bir baskı 1800 × 1200 piksel ister. Yakından bakılan fotoğraflar için genellikle 300 PPI civarı önerilir; uzaktan bakılan büyük baskılarda daha düşük bir değer yeterli olabilir. LeedyBox orijinalin DPI değerini korumaz; bu yüzden baskı boyutunu yazdırırken ayarlayın.
Web Sayfaları ve Ekranlar İçin Boyut Seçimi
Bir web sayfasında önemli olan, görselin gösterildiği genişliktir. Sayfa düzenleri CSS pikseliyle ölçülür ve yüksek yoğunluklu ekranlar her yönde CSS pikseli başına iki veya daha fazla cihaz pikseli kullanır. Bu nedenle 600 CSS pikseli genişliğinde gösterilen bir görselin "2×" bir ekranda tam keskin görünmesi için yaklaşık 1.200 piksel gerekir; aynı yerde 4.000 piksellik bir fotoğraf ise bant genişliğini ve belleği boşa harcar.
Sayfa düzeninizdeki en büyük gösterim genişliğini, örneğin tarayıcının geliştirici araçlarıyla ölçün. srcset ve sizes öznitelikleriyle aynı resmi 600, 1200 ve 1800 piksel gibi birkaç genişlikte sunabilirsiniz; tarayıcı ekrana uygun olanı indirir. Bir yükleme formu, mağaza veya sosyal ağ belirli ölçüler istiyorsa güncel belgelerine bakın, çünkü bu tür gereksinimler farklılık gösterir ve değişir.
Biçim Seçimi ve LeedyBox ile Toplu Boyutlandırma
Yeniden boyutlandırdıktan sonra biçimi içeriğe göre seçin. Fotoğraflar genellikle JPG veya WebP olarak en küçük boyuta iner. Ekran görüntüleri, logolar ve saydamlık içeren görseller için PNG ya da saydamlığı da destekleyen WebP uygundur. JPG saydamlık saklayamaz; bu yüzden saydam alanlar beyaz olur. PNG olarak kaydedilen bir fotoğraf ise orijinal JPG'den büyük olabilir. Ayrıntılar için JPG, PNG, WebP ve AVIF Karşılaştırması rehberine bakın.
LeedyBox Görsel Boyutlandırıcı, birçok görseli tek seferde, tarayıcınızda ve dosyaları yüklemeden yeniden boyutlandırır:
- Piksel veya Yüzde (%1 ile %400 arası) seçin. "En-boy oranını koru" açıkken her görsel kendi oranlarını korur.
- Hedeften küçük görseller, bu seçeneği kapatmadığınız sürece büyütülmez.
- "Orijinalle aynı" seçeneği JPG, PNG ve WebP biçimini korur; GIF, BMP ve AVIF dosyalarını PNG olarak kaydeder. JPG ve WebP, siz değiştirmediğiniz sürece 90 kalitesiyle kaydedilir.
- Kameranın kaydettiği yön uygulanır, meta veriler kopyalanmaz ve iki veya daha fazla sonuç ZIP dosyası olarak indirilebilir.
Dosyaları daha da küçültmek için Görsel Sıkıştırıcı aracını kullanın ve Görsel Sıkıştırma Ayarları Açıklaması rehberini okuyun.
Sık Sorulan Sorular
Daha yüksek bir DPI değeri görseli daha keskin yapar mı?
Hayır. Bu değer yalnızca yazılımlara görselin ne büyüklükte basılacağını söyler. Keskinlik, piksel sayısına ve bu piksellerin gösterildiği boyuta bağlıdır.
Yeniden boyutlandırılan dosyam neden orijinalinden büyük?
Genellikle bir fotoğraf PNG olarak kaydedildiği, kalite orijinalinkinden yüksek olduğu ya da görsel büyütüldüğü içindir.
Bir web sitesindeki fotoğrafın genişliği ne olmalı?
Gösterildiği en büyük genişliği alın ve yüksek yoğunluklu ekranlar için iki katına çıkarın. Fotoğraf daha küçük boyutlarda da görünüyorsa srcset ile ek boyutlar sunun.