Web sitesi görselleri

Görseli bozmadan yeniden boyutlandırma

Görseli bozmadan boyutlandırın: en boy oranını kilitleyin, bir ölçüyü değiştirin; farklı şekil için kırpma veya kenar boşluğu seçin.

Hazırlayan: Pixilo · Güncelleme:

Boyutlandırma, kırpma veya kenar boşluğu

Genişleyen yüzler genellikle yanlış en-boy oranından kaynaklanır. Daha yüksek kalite bunu düzeltmez.

Boyutlandırma piksel sayısını değiştirir; orantılı olduğunda içeriği ve şekli korur. Kırpma içerik kaldırır. Kenar boşluğu görselin tamamını renkli veya saydam daha büyük bir tuvale yerleştirir.

Korunacak içeriğe göre seçin: gökyüzünden kesilebilir, fakat ürünün bir parçası veya talimatın son satırı kaybolmamalıdır.

Oranları birbirine bağlı, iki boyutta aynı çiçek vazosu.

Pixilo ile yeniden boyutlandırma

  1. Orijinal boyutları kontrol edin ve tam çözünürlüklü kaynağı kullanın.
  2. Hedefi belirleyin. Koşulları ve görüntülenecek alanı dikkate alın; küçük kaynağı gereksiz büyütmeyin.
  3. Görsel boyutlandırıcı. En-boy oranı kilidini açık tutup istediğiniz genişliği veya yüksekliği girin. Araç diğer boyutu otomatik hesaplar.
  4. İşleyip indirin. Boyutları ve kullanım ölçeğindeki görünümü kontrol edin.

Kilit varsayılan olarak açıktır. 2400 × 1600 görselde genişliğe 1200 yazmak yüksekliği 800 olarak hesaplar. Kilit kapalıysa değerler bağımsızdır; boş alan özgün boyutu korur ve görseli esnetebilir. İşlemden önce iki değeri de kontrol et.

Desteklenen JPG, PNG ve WebP yeniden çizilip aynı biçimde kaydedilir. JPEG ve WebP ayrıntı kaybedebilir. Diğer sürümler için kaynağı saklayın.

Örnek: genişliği 960 pikselden 480 piksele değiştirmek yüksekliği otomatik olarak 320 yapar. En-boy oranı kilidi açıktır.
Örnek: genişliği 960 pikselden 480 piksele değiştirmek yüksekliği otomatik olarak 320 yapar. En-boy oranı kilidi açıktır. Özgün PNG.

Oranı koruyan boyutları hesaplama

2400 × 1600 için oran 3:2’dir. Genişlik 1200 olduğunda yükseklik 800 olmalıdır.

Yeni yükseklik = orijinal yükseklik × yeni genişlik ÷ orijinal genişlik. Tersi için yeni genişlik = orijinal genişlik × yeni yükseklik ÷ orijinal yükseklik. Tam piksele yuvarlayın.

Oranı koruyan örnekler
OrijinalYeni genişlikUygun yükseklik
2400 × 16001200800
1600 × 900800450
1200 × 1800600900
2000 × 200010001000

İki kenarı yarıya indirmek piksellerin dörtte birini bırakır. Dosya boyutu ayrıca biçim, içerik ve sıkıştırmaya bağlıdır.

Yatay fotoğrafı kare yapma

1600 × 900 orantılı olarak 800 × 450 olur. 800 × 800 için 350 piksel yükseklik eksiktir.

Kareyi kırparak doldurun

Kırpma aracıyla konuyu koruyan kare seçin. 900 × 900 kesit 800 × 800 yapılabilir; yanlardan içerik gider ama bozulma olmaz. Merkez her zaman en iyi seçim değildir.

Tüm fotoğrafı kenar boşluğuyla koruyun

Uygun editörde 800 × 450 görseli 800 × 800 tuvale yerleştirin. Ortalanınca üstte ve altta 175 piksel kalır. Renk veya saydamlık seçin. Pixilo bu boşluğu otomatik eklemez.

Web’de object-fit: cover alanı kırparak doldurur; object-fit: contain tamamını gösterir. MDN object-fit açıklamasına bakın. CSS görünümü değiştirir, dosyayı küçültmez.

Doğru oranlara rağmen neden bulanık?

Doğru oran netliği garanti etmez. Büyütme yeni pikselleri tahmin eder, kaynakta olmayan ayrıntıyı geri getirmez.

Küçültme küçük yazı ve ince çizgileri silebilir. Son ölçekte kontrol edin; daha fazla piksel, daha yakın kırpma veya daha az sıkıştırma deneyin.

Yüksek yoğunluklu ekranlar CSS boyutundan fazla görsel pikseli isteyebilir. Ancak düşük çözünürlüklü bir görseli sırf “2×” için büyütmeyin. Web görsel boyutları rehberini kullanın.

Maksimum boyutlara sığdırma

En fazla 1200 × 800 için maksimum genişlik ÷ orijinal genişlik ve maksimum yükseklik ÷ orijinal yükseklik değerlerinin küçüğünü alın. İki orijinal boyutu bu katsayıyla çarpın.

3000 × 2000, 1200 × 800 olur. 2000 × 3000 portre, 800 ÷ 3000 katsayısıyla yaklaşık 533 × 800 olur. 1200 × 800’e zorlamak onu bozar. Zaten sığıyorsa büyütmeyin.

Yuvarlayıp sınırları kontrol edin. Bir piksel fark yuvarlamadan olabilir; 3:2’den 3:4’e geçiş kırpma veya boşluk gerektirir.

“En fazla 1200 × 800” daha dar portreye izin verir. “Tam 1200 × 800” başka kompozisyon gerektirebilir. Minimumları da kontrol edin; küçük kaynak bunları ancak netlik kaybederek karşılayabilir.

Konuyu ve kenarları kontrol edin

Aynı koşullarda karşılaştırın: daireler yuvarlak, yüzler doğal, çizgiler düzgün kalmalıdır. Ellerin, ürünlerin, yazıların veya logoların kesilmediğinden emin olun.

Hedef hizmet yeniden kırpabilir. Konum ayarlarını kullanın ve önemli ayrıntıları kenarlardan uzak tutun.

Büyük saydam kenarlar logoyu küçük gösterir. Marka boşluklarını koruyarak gerektiğinde kırpın. Ekran görüntüsündeki küçük yazıyı son ölçekte kontrol edin.

Sık sorulan sorular

Oranı kırpmadan değiştirebilir miyim?

Kenar boşluğuyla tüm içerik korunur. Boşluksuz başka şekli doldurmak kırpma, bozulma veya yeni içerik gerektirir.

Neden yalnızca web sitesinde geriliyor?

Sayfa yanlış boyutlar uygulayabilir. Orijinali değiştirmeden stilleri inceleyin ve orantılı yükseklik kullanın.

Boyutlandırma sıkıştırmayla aynı mı?

Hayır. Biri piksel boyutlarını, diğeri saklama yöntemini değiştirir. İkisi de dosyayı küçültebilir.

Önce kırpmalı mı?

Genellikle evet: orijinalde kompozisyonu seçin, sonra bir kez boyutlandırın.

Dışa aktarmadan önce şekli seçin

Tamamını korumak için oranları koruyun; farklı şekil gerektiğinde kırpın.

Görseli yeniden boyutlandırGörseli kırp →