Bu araç hakkında
Görüntüyü yeniden boyutlandırma, bir bitmap'in piksel boyutlarını daha küçük (aşağı örnekleme) veya daha büyük (yukarı örnekleme) olarak değiştirir. İki işlem eşdeğer değildir. Altörnekleme piksel verilerini atar; üst örnekleme, enterpolasyon yoluyla piksel verilerini icat eder. Altörnekleme daha küçük, daha keskin bir görüntü üretir; üst örnekleme daha büyük bir görüntü üretir ancak kaynakta olmayan ayrıntıları kurtaramaz. Hangi yöne gittiğinizi bilmek sonuçtan ne bekleyeceğinizi belirler.
Bu yeniden boyutlandırıcı, HTML5 Canvas API'sini kullanarak tarayıcınızda çalışır. Kaynak görüntünün kodu bir tuvale dönüştürülür, tarayıcının yerleşik yeniden örneklemesi kullanılarak yeni boyutlarda çizilir ve orijinal formatta (veya seçtiğiniz çıktı formatında) yeniden kodlanır. Kalite ayarları kayıplı formatları (JPEG, WebP) etkiler. Çıktı, herhangi bir web uygulamasında tuval tabanlı yeniden boyutlandırmanın ürettiği çıktıyla aynıdır.
En yüksek kalitede alt örnekleme için tarayıcı, uygulamaya bağlı olarak çift doğrusal veya çift kübik enterpolasyon kullanır. Yukarı örnekleme için aynı enterpolasyon düzgün fakat yumuşak bir sonuç üretir. Uzmanlaşmış yapay zeka ölçekleyiciler (waifu2x, Topaz Gigapixel) daha keskin ölçeklendirmeler üretir ancak özel araçlar gerektirir.
Resimleri Neden Yeniden Boyutlandırın?
Resim boyutları dosya boyutunu, sayfa yükleme süresini ve platform uyumluluğunu etkiler. Bir akıllı telefon kamerasından alınan 4000×3000 fotoğrafın ağırlığı birkaç megabayttır; 1920×1440 olarak yeniden boyutlandırma, genellikle ekran görüntülemede algılanabilir kalite kaybı olmaksızın 4-6 kat daha küçük bir dosya sağlar. Bir sayfadaki birçok görselle çarpıldığında bu, önemli bir performans kazancıdır.
Platform gereksinimleri aynı zamanda yeniden boyutlandırmayı da etkiler. Belirli boyutlarda profil fotoğrafları, izin verilen maksimum boyutlarda pazar yeri resimleri, tam en boy oranlarında sosyal medya önizlemeleri; her platform belirli bir boyut bekler ve yerel olarak yeniden boyutlandırmak, platformun otomatik yeniden boyutlandırmasıyla mücadele etmekten daha hızlıdır.
Nasıl kullanılır
Resmi bırakın, yeni boyutları ayarlayın, indirin.
- Resminizi yükleyin: Bir JPEG, PNG, WebP veya GIF'i yükleme alanına sürükleyin veya göz atmak için tıklayın. 50 MB'a kadar dosyalar desteklenir.
- Yeni boyutları ayarla: Hedef genişliğini ve yüksekliğini piksel cinsinden girin. Oranları korumak için en boy oranını kilitleyin; Görüntüyü uzatmak için kilidi açın. Ortak hedefler: HD için 1920×1080, HD lite için 1280×720, eski ekranlar için 800×600.
- Biçimi ve kaliteyi seçin: Orijinal formatı koruyun veya dönüştürün (fotoğraflar için JPEG, grafikler için PNG, her ikisi için de WebP). Kayıplı formatlarda fotoğraf içeriği için kaliteyi 85-95 olarak ayarlayın.
- Yeniden boyutlandırın ve indirin: Tarayıcı, kaynağı yeni boyutlarda bir tuval üzerine çizer ve sonucu dışa aktarır. Dosyayı kaydedin.
Yaygın Kullanım Durumları
Yeniden boyutlandırmadan önce doğru hedef boyutları seçin; çok küçük seçmek ayrıntıları kaybeder, çok büyük seçmek bant genişliğini boşa harcar.
Teknik Detaylar
Canvas API, tarayıcının yerleşik uygulamasını kullanarak yeniden örnekleme yapar. Çoğu tarayıcı çift doğrusal veya çift kübik enterpolasyon kullanır; kesin algoritma farklılık gösterir ancak kalite, modern tarayıcılar arasında karşılaştırılabilir.
Çıktı formatı canvas.toBlob mime türüne bağlıdır. PNG, kayıpsız sıkıştırmayla tam pikselleri korur. JPEG, seçilen kalitede DCT tabanlı kayıplı sıkıştırma uygular. WebP her iki modu da destekler; 80-85 kalitedeki kayıplı WebP, kabaca 90 kalitedeki JPEG'e eşdeğerdir.
En boy oranı: Yeniden boyutlandırma, oranları korumak için varsayılan olarak en boy oranını kilitler. Kilit açma, nadiren arzu edilen ancak belirli düzenler için yararlı olan keyfi uzatmaya izin verir.
Sık sorulan sorular
- Daha büyük boyutlara yeniden boyutlandırırsam ne olur?
- Raster görüntüyü büyütmek (yükseltme), yeni piksellerin enterpolasyona tabi tutulması gerektiğinden görüntünün bulanık veya pikselli görünmesine neden olabilir. En iyi sonuçları elde etmek için görüntüleri yukarı değil aşağı doğru yeniden boyutlandırın veya ölçeklenmesi gereken grafikler için vektör formatlarını (SVG) kullanın.
- Sosyal medya için önerilen görsel boyutları nelerdir?
- Instagram gönderisi: 1080×1080 piksel, Instagram Hikayesi: 1080×1920 piksel, Facebook kapağı: 820×312 piksel, Twitter/X başlığı: 1500×500 piksel, LinkedIn banner’ı: 1584×396 piksel, YouTube küçük resmi: 1280×720 piksel.
- Yeniden boyutlandırma görüntü kalitesini etkiler mi?
- Ölçek küçültme (küçültme) genellikle iyi görünür çünkü fazla piksel verileri birleştirilir. Yükseltme (büyütme) kaliteyi azaltır. Yeniden boyutlandırma ayrıca JPG olarak kaydederken yeniden sıkıştırmayı da içerir, bu da küçük kusurlara neden olabilir.
- Bozulma olmadan tam boyutlara yeniden boyutlandırabilir miyim?
- Evet. Oranları korumak için en boy oranı kilidini etkin tutun; bir boyutu girin, diğeri otomatik olarak ayarlanır. Tam boyutları zorlamak için kilidi devre dışı bırakın ancak görüntü uzatılmış görünebilir.
- Birden fazla resmi aynı anda yeniden boyutlandırabilir miyim?
- Birden fazla dosyayı bırakın; her biri bağımsız olarak yeniden boyutlandırılır. Çok büyük gruplar için bir masaüstü aracı (ImageMagick, keskin) daha verimlidir.
- Resmim bir sunucuya yüklendi mi?
- Hayır. Yeniden boyutlandırma tamamen Canvas API kullanılarak tarayıcınızda gerçekleşir.
- Yeniden boyutlandırma meta verileri koruyor mu?
- Kanvas tabanlı yeniden boyutlandırma şeritleri EXIF, ICC profilleri ve diğer meta veriler. Çıktı yalnızca piksel verilerini içerir. Meta verileri koruyarak yeniden boyutlandırmak için bir masaüstü aracı kullanın.
- Maksimum dosya boyutu nedir?
- 50 MB. Pratik sınırlar tarayıcı belleğine bağlıdır; çok büyük resimler yavaşlayabilir veya yüklenmeyebilir.
Related Articles
File FormatsImage Format Guide: JPG vs PNG vs WebP vs SVG Explained
Learn the differences between popular image formats, when to use each one, and how to convert between them for optimal quality and file size.
8 min readDesignColor & Design Tools Guide: Hex, RGB, HSL, and Color Palettes Explained
Master color formats, conversions, and palette generation. Learn the differences between Hex, RGB, HSL, and CMYK, and how to choose the right colors for web and print design.
9 min readPrivacy & SecurityHow to Convert Files Online Safely: Privacy and Security Guide
Understand the risks of online file conversion and learn how browser-based tools keep your data private. A guide to safe file handling.
7 min readPrivacy & TechnologyWhy Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk
Discover why browser-based tools are replacing desktop software and cloud uploads. Learn how client-side processing keeps your files private while delivering powerful functionality.
7 min read