Görselleri yüzdeye veya sabit boyutlara göre yeniden boyutlandırın; en-boy oranını koruyun veya özel ölçüler belirleyin.
Features
- Çoklu Mod: Piksel veya yüzdeye göre boyutlandırın
- En-Boy Oranı Kilidi: Orijinal orantıları koruyun
- Hassas Kontrol: Tam genişlik ve yüksekliği ayarlayın
- Yüksek Kalite: Boyutlandırma sırasında kaliteyi korur
Usage Guide
- Adım 1: Bir görsel yükleyin
- Adım 2: Ölçüleri veya yüzdeyi ayarlayın
- Adım 3: Yeniden boyutlandırılmış görseli indirin
Technical Details
Görsel Ölçekleme Algoritmaları
Görsel yeniden boyutlandırmada boyut değişirken yeni piksel değerleri interpolasyonla hesaplanır. Yaygın yöntemler: nearest-neighbor (hızlı, büyütmede pikselli), bilinear (4 komşu piksel ortalamasıyla yumuşak), bicubic (16 piksel ortalamasıyla yüksek kalite), Lanczos (pencere fonksiyonlu sinc örnekleme ile en iyi kalite). Tarayıcı Canvas drawImage() varsayılan olarak bilinear kullanır. En-boy oranı kilitlenirse diğer kenar otomatik hesaplanır.
Çözünürlük ve Dosya Boyutu
Çözünürlük arttıkça piksel sayısı ve dosya boyutu büyür. Web optimizasyonu için yüksek çözünürlüklü fotoğraflar kullanıma uygun boyuta küçültülür (tam ekran 1920px, içerik görselleri 800px, küçük görseller 400px). Retina/HiDPI ekranlarda 2x piksel yoğunluğu gerekir. Sıkıştırılmamış dosya boyutu = genişlik × yükseklik × piksel başına byte (24-bit RGB ≈ 3 byte).
Kullanım Senaryoları
Görsel yeniden boyutlandırma; web optimizasyonu, küçük önizleme üretimi, sosyal medya boyut gereksinimleri (Twitter 1200x675, Facebook 1200x630), e-posta ekleri, mobil uygulamalarda farklı ekranlar ve baskı hazırlığı (baskı için 300 DPI, ekran için 72 DPI) gibi alanlarda gereklidir. Toplu işlemler galeri veya kataloglarda tutarlı boyut sağlar.
Frequently Asked Questions
- Hangi farklı yeniden boyutlandırma modları mevcuttur?
- Araç iki yeniden boyutlandırma modu sunar: Piksel (sabit boyutlar) - piksel cinsinden tam genişlik ve yükseklik ayarlayın, ve Yüzde (ölçekleme) - yüzde ile yeniden boyutlandırın (örneğin, %50 görüntüyü yarı boyutuna getirir, %200 ikiye katlar). Yeniden boyutlandırırken görüntü bozulmasını önlemek için en-boy oranını korumayı da seçebilirsiniz.
- Yeniden boyutlandırırken en-boy oranını nasıl korurum?
- "En-boy oranını koru" seçeneğini etkinleştirin. Etkinleştirildiğinde, genişliği değiştirmek otomatik olarak yüksekliği ayarlar (veya tam tersi) orijinal oranları korumak için. Bu, esneme veya sıkıştırmayı önler. Devre dışı bırakılırsa, bağımsız genişlik ve yükseklik ayarlayabilirsiniz, bu da görüntüyü bozabilir.
- Yeniden boyutlandırma görüntü kalitesini düşürür mü?
- Yeniden boyutlandırma yöne bağlı olarak kaliteyi etkileyebilir: Küçültme (küçültme) tipik olarak iyi kaliteyi korur. Büyütme (büyütme) araç yeni pikselleri enterpolasyon yaptığı için biraz bulanıklık getirebilir. En iyi sonuçlar için yüksek çözünürlüklü görüntülerle başlayın ve büyütmek yerine küçültün. Araç, pürüzsüz sonuçlar için çift doğrusal enterpolasyon kullanır.
- Piksel ile yeniden boyutlandırma ve yüzde ile yeniden boyutlandırma arasındaki fark nedir?
- Piksel modu mutlak boyutları ayarlar (örneğin, 800x600px) - web düzenleri veya baskı için belirli boyutlara ihtiyacınız olduğunda yararlıdır. Yüzde modu orijinal boyuta göre ölçeklendirir (örneğin, %50 = yarı boyut) - küçük resimler oluşturmak veya dosya boyutunu orantılı olarak azaltmak için yararlıdır. Her iki mod da en-boy oranını koruyabilir.
- Farklı kullanım durumları için görüntüleri yeniden boyutlandırabilir miyim?
- Evet! Yaygın kullanım durumları: Web görüntüleri (içerik için 800-1200px genişlik, küçük resimler için 400px), Sosyal medya (Instagram 1080x1080px, Twitter 1200x675px), E-posta ekleri (1MB altında tutun, tipik olarak 600-800px genişlik), Baskı (300 DPI, hesaplayın: inç × 300 = piksel). Araç, kaliteyi korurken bu boyutlara ulaşmanıza yardımcı olur.
Related Documentation
- MDN - Canvas drawImage() - Interpolasyon kontrolü ile görsel çizimi ve ölçekleme için Canvas API yöntemi
- Image Scaling - Wikipedia - Görsel ölçekleme algoritmaları ve interpolasyon yöntemlerine kapsamlı rehber
- MDN - imageSmoothingEnabled - Ölçekleme sırasında görüntü yumuşatmayı kontrol eden Canvas özelliği
- Image Resampling Techniques - Bilinear, bicubic ve diğer yeniden örnekleme algoritmalarına teknik bakış
- MDN - Canvas Görsel Manipülasyonu - İleri seviye canvas görsel manipülasyonu ve dönüşüm teknikleri üzerine eğitim