Ana içeriğe geç

Ücretsiz Görüntü Kırpıcı

Görüntüleri sürükleyip seçerek kırpın; isteğe bağlı en boy oranı kısıtlamaları (1:1, 16:9, 4:3 vb.), üçte bir kural ızgarası ve çok formatlı dışa aktarma (JPEG, PNG, WebP).

Yüklendikten sonra çevrimdışı çalışır

Dosyayı buraya bırakın ya da göz atmak için tıklayın

JPG, PNG, WebP, HEIC, HEIF · cihazınızda işlenir

veya panodan yapıştırmak için Ctrl+V'ye basın

Dosyalara göz at

İpucu: Ctrl+V ile ekran görüntüsü yapıştırabilirsiniz

Dosyalarınız hiçbir zaman cihazınızı terk etmez. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir.

Yaygın kullanımlar

  • Instagram için Fotoğrafları KırpınInstagram'ın tercih edilen en boy oranlarında kırpın: 1:1 (kare), 4:5 (dikey) ve 1.91:1 (yatay).
  • Profil Resimlerini Kareye KırpınLinkedIn, Twitter, GitHub veya herhangi bir sosyal platform için kare profil resimleri oluşturun.
  • YouTube ve Makale Küçük Resimlerini KırpınYouTube videoları ve çoğu blog kahraman görüntüsü tarafından kullanılan 16:9 en boy oranına kırpın.
  • Pasaport / Kimlik Fotoğraflarını KırpınPasaport, vize ve kimlik başvuruları için standart 2:3 dikey en boy oranına fotoğrafları kırpın.
  • E-Ticaret Ürün Fotoğraflarını KırpınAmazon, Shopify, Etsy ve diğer pazaryerleri için ürün fotoğrafı en boy oranlarını standartlaştırın.

Nasıl çalışır

Kırpma tamamen tarayıcınızda HTML5 Canvas API kullanılarak gerçekleşir — yükleme yok, sunucu yok. Bir seçim bölgesini doğrudan bir tuval öğesi üzerinde sürüklersiniz ve kırpmayı uyguladığınızda tarayıcının yerleşik 2D çizim motoru yalnızca seçili pikselleri okur ve bunları JPEG, PNG veya WebP olarak yeniden kodlar.

  1. 1
    Görüntü belleğe yüklenir
    Dosyanız, tarayıcıya yerel bir blob URL'si veren URL.createObjectURL() ile okunur. Bir HTMLImageElement dosyayı tamamen tarayıcı sekmesinde çözer — görüntü baytları cihazınızdan asla çıkmaz.
  2. 2
    Pointer Events kırpma seçimini yönetir
    Tarayıcının Pointer Events API'si (fare, dokunma ve kalem girişini birleştirir) bir tuval katmanındaki sürüklemeleri izler. Seçimin dışına basmak yeni bir dikdörtgen başlatır; içine basmak onu taşır; sağ alt köşeye yakın basmak yeniden boyutlandırır. İsteğe bağlı en-boy oranı hazır ayarları (1:1, 16:9, 4:3 vb.) sürükleme sırasında geometriyi kısıtlar.
  3. 3
    Canvas canlı önizlemeyi çizer
    Her kırpma değişikliğinde Canvas 2D bağlamı görüntüyü yeniden çizer, seçimin dışına koyu bir katman uygular, orijinal görüntüyü tam doğrulukla göstermek için kırpma bölgesini temizler ve üçler kuralı ızgarasıyla turkuaz bir yeniden boyutlandırma tutamacı ekler.
  4. 4
    toBlob() sonucu kodlar ve sunar
    Kırp'a tıkladığınızda tam kırpma boyutlarında yeni bir ekran dışı tuval oluşturulur. ctx.drawImage() yalnızca seçili dikdörtgeni kopyalar ve canvas.toBlob() sonucu tarayıcının yerel JPEG, PNG veya WebP kodlayıcısıyla seçtiğiniz kalite ayarında kodlar. Çıktı indirme için yerel bir blob URL'si olarak geri verilir.

Görüntünüz yerel bir blob URL'si olarak açılır ve tamamen tarayıcı sekmenizde işlenir — hiçbir noktada hiçbir şey herhangi bir sunucuya yüklenmez.

İlgili araçlar

Sık sorulan sorular