Skip to content

Resim Boyutlandırma

Hedef boyutu seçin, dosyayı bırakın. PNG, JPEG veya WebP olarak çıkış. Her şey tarayıcınızda kalır.

Çoğu çevrimiçi görüntü yeniden boyutlandırma aracı dosyanızı bir sunucuya yükler, ImageMagick veya Sharp çalıştırır ve sonucu geri gönderir. Bu işe yarar, ancak gizliliğinize (dosyanız üçüncü bir tarafa gider) ve zamana (yerel işlemek yerine gidiş-dönüş) maliyeti vardır. Aşağıdaki widget, görüntüyü tamamen tarayıcınızda yeniden boyutlandırmak için tarayıcının createImageBitmap + Canvas2D API'lerini kullanır. Dosya cihazınızdan hiçbir zaman çıkmaz. Modern tarayıcılar yüksek kaliteli bilineer enterpolasyon işler — tam olarak sunucu tarafı araçlarının varsayılan olarak kullandığı şey. Yeniden örneklemenin temel teorisi ve boyutu azaltırken takma adı nasıl kaçınıldığı hakkında bilgi için, kalite kaybı olmadan resimleri yeniden boyutlandırma hakkında rehberimizi okuyun.

Drop an image here, or

PNG, JPG, WebP, GIF, SVG. Up to 16 MB. Stays in your browser.

How to use

  1. Dosyayı bırakın veya seçin

    16 MB'a kadar PNG, JPG, WebP, GIF, SVG. Dosya yüklenir yüklenmez orijinal boyutlar görünür.

  2. Hedef boyutları girin

    Orijinal oranları korumak için en boy oranını kilitleyebilir (varsayılan) veya genişlik ve yüksekliği bağımsız olarak ayarlamak için kilidini açabilirsiniz.

  3. Uyum + formatı seçin

    Contain sığdırmak için boşluklar ekler. Cover doldurmak için kırpar. Stretch en boy oranını görmezden gelir. PNG (kayıpsız), JPEG (en küçük) veya WebP (en iyi denge) olarak çıkış.

  4. Sonucu indirin

    Dosya adı yeni boyutları içerir. Çıkış tarayıcınızda kalır; tek ağ isteği daha sonra sayfadan indirmenizdir.

Yaygın Hedef Boyutlar

KullanımBoyutlarFormat
Open Graph Görüntüsü1200 × 630PNG / JPEG
Twitter Kartı (özet_büyük)1200 × 628JPEG
Instagram Kare1080 × 1080JPEG
Instagram Hikayesi1080 × 1920JPEG
Favicon (apple-touch-icon)180 × 180PNG
App Store Simgesi (iOS)1024 × 1024PNG
Avatar (çoğu platform)400 × 400PNG / WebP
E-posta İmzası200 × 60PNG

Frequently asked questions

Resim sunucunuza yüklenir mi?
Hayır. Yeniden boyutlandırma, createImageBitmap ve Canvas2D aracılığıyla tamamen tarayıcınızda gerçekleşir. Sayfa statik olarak önceden işlenir ve görüntü için ağ istekleri yapmaz. Dosyanızı görmenin bir yolu yoktur.
Hangi çıkış formatını seçmeliyim?
Web için WebP (~JPEG'den yüzde 25-35 daha küçük, 2020'den beri tüm tarayıcılarla uyumlu). Geriye uyumluluk için JPEG. Kayıpsızlık veya saydamlık gerekiyorsa PNG. GIF'i kaçının — statik görüntüler için diğer seçeneklere açıkça daha düşüktür.
Kalite kontrolü ne yapıyor?
JPEG ve WebP'de, kodlayıcının detayları ne kadar agresif olarak attığını kontrol eder. Yüzde 90 çoğu fotoğrafta kaynaktan görsel olarak ayırt edilemez ve PNG'nin dosya boyutunun yaklaşık 1/10'u. Yüzde 60-75 küçük resimler için yeterlidir. Yüzde 50'nin altında görünür artefaktlar görünür.
Contain, Cover ve Stretch arasındaki fark nedir?
Contain görüntüyü hedef çerçeve içine sığdıracak şekilde azaltır ve gerekirse boşlukları beyaz (JPEG) veya saydamlık (PNG/WebP) ile doldurur — kırpma yok, bozulma yok. Cover görüntüyü hedef çerçeve dolduruncaya kadar ölçeklendirir ve taşan kısmı kırpar — boşluk yok ama kırpma var. Stretch en boy oranını görmezden gelir ve görüntüyü tam boyutlara sıkıştırır — kaynağın zaten doğru orana sahip olması durumunda anlam taşır.
JPEG çıkışım neden saydamlığı desteklemiyor?
JPEG alfa saydamlığını desteklemez. Kaynak PNG veya WebP'den saydam alanlar JPEG'e kaydedildiğinde beyaz olur. Saydamlığı korumak için çıkış formatı olarak PNG veya WebP seçin.
SVG'yi ölçeklendirebilir miyim?
Evet, ama çıkış bir raster görüntü (PNG/JPEG/WebP) olacaktır. SVG vektör tabanlıdır — gerçek çözünürlükten bağımsız bir sonuç için SVG'yi tutun ve kodunuzda basitçe width/height özniteliklerini değiştirin. Bu araç raster çıkış için tasarlanmıştır.
Maksimum dosya boyutu nedir?
16 MB. Daha büyük dosyalar, kod çözülürken tarayıcının bellek tükenebilir. Çok büyük görüntüler için, masaüstü editörde önce boyutu azaltın.

About

Yeniden Boyutlandırma Matematiği Nasıl Çalışır

Bilineer enterpolasyon, her çıkış pikseli için dört kaynak pikselini örnekler ve kesirli pozisyona göre ağırlıklı bir ortalama hesaplar. Yüzde 50'nin üzerinde indirimler için pürüzsüz ve çoğu büyütme için iyidir. Agresif indirimler (örneğin 4096×4096 → 200×200) için tarayıcılar, tekli bir geçişin üretebileceği takma adı kaçınmak için dahili olarak birden fazla bilineer geçişi zincirleme yapar — görsel kalite profesyonel araçlara benzer.

Orijinali Ne Zaman Tutmalı

Daha sonra daha büyük bir sürüme ihtiyaç duymanız mümkünse orijinali arşivleyin. Yeniden boyutlandırma tek yönlüdür — küçültülmüş bir görüntüyü büyütmek asla kaybedilen detayları kurtaramaz. Yaygın uygulama: kaynağı PNG olarak tutmak, gerekli boyutlarda web hazır WebP varyantları oluşturmak ve HTML <picture> etiketi veya srcset aracılığıyla sunmak.

Sources & references

Authoritative references behind the math, constants, and tables on this page. Verified by Buğra Sözeri on the dates shown and re-checked at every deploy.