Kırp

Görüntü kırpma Yuvarlak kırpma

Optimize Et

Görüntü sıkıştırma AI Resim Büyütücü Arka plan kaldırma

Düzenle

Görüntü yeniden boyutlandırma

Dönüştür

Diğer

Görüntüden PDF'e

Fotoğraf Kırpma Online

JPG, PNG, WebP veya AVIF'i istediğin oranda kırp: 1:1, 16:9, 9:16, 4:5, 3:2, 4:3 veya özel piksel.

veya görseli buraya bırak

Bu araç hakkında

Herhangi bir görüntüyü doğrudan tarayıcında dikdörtgen bir alana kırp, cropperjs v2 ile çalışan Araluma'nın kırpma aracını kullanarak. JPG, PNG, WebP veya AVIF dosyanı sayfaya bırak ve kırpma tuvali hemen açılır. Seçim konumunu belirlemek için tutamaçları sürükle, bir oranı kilitle (1:1, 16:9, 9:16, 4:5, 3:2, 4:3 veya A4) ya da tam piksel boyutlarını yaz, çerçeve otomatik olarak eşleşir. Canlı okuma indirme öncesinde gerçek kaynak piksellerde çıktı boyutunu gösterir. Görüntün tüm süreç boyunca cihazında kalır, DevTools'taki Ağ sekmesi kırpma sırasında sıfır giden görüntü isteği gösterir. PNG ve WebP çıktıları orijinal dosyanın şeffaflığını korur, JPG çıktısı şeffaf alanları beyaz arka planla değiştirir. EXIF meta verisi her dışa aktarımdan kaldırılır. Bu araç, yazılım kurmadan hızlı ve hassas dikdörtgen kırpma ihtiyacı olan herkese uygundur, her seferinde bir dosya.

Fotoğraf kırp
Kırpma aracı tarayıcında nasıl çalışır

Kırpma aracı tarayıcında nasıl çalışır

Görüntün File API kullanılarak doğrudan tarayıcı tarafından açılır. Sunucu yüklemesi yok ve cihazının dışında geçici bir kopya saklanmıyor. Kırpma çerçevesini ihtiyacın olan konuma sürükle, köşelerden veya kenarlardan yeniden boyutlandır ve canlı piksel okuması sürüklerken güncellenir. Koordinatlar kaynak görüntü piksel uzayındadır, bu yüzden gösterilen sayı çıktı dosyasının gerçek boyutudur. DevTools'u aç ve kırparken Ağ sekmesine geç, hiçbir giden görüntü isteği görünmez. Bıraktığın dosya ve indirdiğin dosya, oturum boyunca tamamen cihazında kalır.

Fotoğraf kırp
Oranı kilitle veya tam piksel boyutlarını gir

Oranı kilitle veya tam piksel boyutlarını gir

Oran çipine dokun (kare için 1:1, geniş ekran için 16:9, dikey için 9:16, 4:5, 3:2, 4:3 veya A4) ve seçim çerçevesi o orana kilitlenir. Tutmak istediğin kısmı seçmek için görüntünün herhangi bir yerine sürükle. Belirli bir piksel hedefine ulaşmak için boyut alanlarına genişlik ve yüksekliği yaz, kırpma çerçevesi eşleşmek için boyutunu değiştirir. Çıktı her zaman seçimin kaynak piksel boyutuna eşittir. Bu araç yükseltmez, eğer seçimin 600 piksel genişlikteyse, çıktı dosyası da 600 piksel genişliktedir.

Fotoğraf kırp
JPG çıktısı şeffaflığı beyazla değiştirir

JPG çıktısı şeffaflığı beyazla değiştirir

Kaynak dosyanda şeffaf alanlar varsa (PNG, alfa kanallı WebP veya alfa kanallı AVIF) ve çıktı formatı olarak JPG seçersen, o şeffaf pikseller beyazla doldurulur. JPG'nin alfa kanalı yoktur, bu yüzden şeffaflığın gidecek bir yeri yoktur. Şeffaflığı korumak için tamamlama ekranındaki format seçiciden PNG, WebP veya AVIF seç. PNG ve WebP çıktıları orijinal alfa kanalını değişmeden taşır. AVIF de alfayı destekler. Format seçici her seçeneği etiketler, böylece indirmeden önce ödünleşim görünür.

Fotoğraf kırp
Seçimi klavyeyle hassas şekilde hareket ettir

Seçimi klavyeyle hassas şekilde hareket ettir

Tab tuşuyla kırpma çerçevesine geç, ardından ok tuşlarıyla seçimi bir kerede bir piksel hareket ettir. Shift'i basılı tutup ok tuşuna bas, adım on piksele çıkar. Bu klavye navigasyonu cropperjs v2'ye yerli işlevsellik olarak yerleştirilmiştir, ayrı bir erişilebilirlik katmanı değil. Trackpad'in sağlayamadığı alt piksel görsel hizalama gerektiğinde veya yalnızca klavye düzeniyle çalışırken yararlıdır. Seçim mobilde dokunmaya da yanıt verir, tuvali yakınlaştırmak için sıkıştır, ardından çerçeveyi yeniden ayarlamak için seçim köşelerini sürükle. Her iki durumda da etkinleştirilecek ekstra mod yoktur.

Fotoğraf kırp
Çıktı formatları: PNG, JPG, WebP ve AVIF

Çıktı formatları: PNG, JPG, WebP ve AVIF

Kırptıktan sonra tamamlama ekranında indirme formatını seç. PNG kayıpsızdır ve şeffaflığı korur. JPG varsayılan olarak kalite 0.9'da kayıplı sıkıştırma uygular, bu çoğu fotoğrafta kaynaktan görsel olarak ayırt edilemez. WebP kayıpsız ve kayıplı modları dengeler ve şeffaflığı da destekler. AVIF @jsquash/avif kütüphanesi aracılığıyla kalite 0.9'da kodlanır. Eşdeğer görsel kalitede en küçük dosyayı üretir, ancak oturumdaki ilk AVIF kodlaması bir kerelik 870 KB'lik WASM modülü indirmesi gerektirir. Varsayılan çıktı formatı girdinle eşleşir, PNG girdi varsayılan olarak PNG çıktısı, JPG girdi varsayılan olarak JPG. Tamamlama ekranında istediğin zaman değiştirebilirsin.

Fotoğraf kırp
Ne zaman farklı bir kırpma aracı kullanmalı

Ne zaman farklı bir kırpma aracı kullanmalı

Bu araç yalnızca dikdörtgenleri kırpar, kareler, yatay oranlar, dikey oranlar ve özel piksel boyutları. Dairesel kırpma için, şeffaf köşeli profil fotoğrafı, bunun yerine Circle Crop kullan. Aynı tarayıcı tarafı işlemeyi paylaşır ancak yuvarlak bir PNG çıkışı verir. Platforma özel preset'ler için varsayılan boyutlar zaten ayarlanmış (Instagram 1080×1080, YouTube küçük resim 1280×720, Facebook kapak 1200×630), Crop ailesindeki preset kırpma sayfaları bu boyutlar önceden yüklenmiş olarak açılır, böylece bir şey hesaplamak zorunda kalmazsın. Görüntünün önce kırpmadan format değiştirmesi gerekiyorsa, PNG, JPG, WebP veya AVIF'e ulaşmak için Convert aracını kullan.

Bir fotoğrafı daire şeklinde nasıl kırpılır

  1. Görüntünü bırak

    Aracı aç ve JPG, PNG, WebP veya AVIF dosyanı yükleme alanına bırak ya da cihazından bir dosyayı taramak için tıkla.

  2. Oran veya piksel boyutu seç

    Oran çipine dokun (1:1, 16:9, 9:16, 4:5, 3:2, 4:3 veya A4) ya da kırpma çerçevesini ayarlamak için genişlik ve yükseklik alanlarına tam piksel boyutları yaz.

  3. Çerçeveyi konumlandır

    Kırpma çerçevesini tutmak istediğin görüntü alanına sürükle, ardından canlı okuma ihtiyacın olan çıktı boyutunu gösterene kadar köşelerden veya kenarlardan yeniden boyutlandır.

  4. Kırp ve indir

    Kırp'a tıkla, tamamlama ekranında çıktı formatını seç (PNG, JPG, WebP veya AVIF) ve kırpılmış dosyayı cihazına indir.

Sıkça Sorulan Sorular

Online olarak fotoğraf nasıl kırpılır?

Görüntünü kırpma aracına bırak, bir oran seç veya piksel boyutları yaz, seçim çerçevesini tutmak istediğin alana sürükle, ardından Kırp'a tıkla ve indir. Tüm süreç tarayıcında çalışır. Modern bir cihazda yüklemeden indirmeye tipik bir kırpma on saniyeden az sürer.

Online olarak PNG görüntüleri nasıl kırparım?

PNG'yi kırpma aracına yükle, oranı veya boyutları ayarla, kırpma çerçevesini konumlandır ve Kırp'a tıkla. Tamamlama ekranında alfa kanalını sağlam tutmak için çıktı formatı olarak PNG seç. Bunun yerine JPG seçersen, şeffaf alanlar beyaz arka planla değiştirilir. PNG çıktısı kayıpsızdır, bu yüzden kırpma sırasında piksel kalitesi kaybolmaz.

Uygulama olmadan Instagram için fotoğraf nasıl kırparım?

Tarayıcında kırpma aracını aç, fotoğrafını yükle ve kare Instagram gönderisi için 1:1 çipine ya da dikey gönderi için 4:5 çipine dokun. Konunu çerçevelemek için çerçeveyi sürükle, Kırp'a tıkla ve indir. Çıktı seçimin kaynak pikselleri boyutundadır. Instagram Story veya Reel için 9:16 oranını kullan.

Sosyal medya yerleşimleri için en iyi en boy oranları nelerdir?

Kare Instagram gönderisi için 1:1, feed'i daha çok dolduran dikey gönderi için 4:5, Story veya Reel için 9:16 ve YouTube küçük resmi veya Twitter başlığı için 16:9 kullan. Facebook kapakları 1200×630 piksel boyutunda en iyi çalışır, bu 2:1 oranına yakındır. Bu kırpma aracında 1:1, 16:9, 9:16, 4:5, 3:2 ve 4:3 için çipler artı özel piksel girişi vardır.

Bu araçla görüntüyü daire şekline kırpabilir miyim?

Hayır, bu araç yalnızca dikdörtgenleri kırpar, kare, yatay, dikey ve özel boyutlar. Şeffaf arka planlı dairesel kırpma için bunun yerine Circle Crop aracını kullan. Görüntünün cihazda kalması için aynı tarayıcı tabanlı işlemeyi kullanır, ancak dikdörtgen yerine şeffaf köşeli yuvarlak bir PNG çıkışı verir.

Görüntüyü tam piksel boyutuna nasıl kırparım?

Kırpma tuvalindeki boyut alanlarına hedef genişlik ve yüksekliği yaz. Kırpma çerçevesi eşleşmek için boyutunu değiştirir ve canlı okuma kaynak piksellerdeki çıktı boyutunu doğrular. Çıktı her zaman seçimin kaynak piksel boyutlarına eşittir. Araç yükseltmez, eğer seçim hedefinden küçükse, çıktı da küçük olur.

Ayrıntılar

Ekipten zanaat, formatlar ve iyi bir yuvarlak kırpmanın arkasındaki küçük kararlar hakkında notlar.

cropperjs v2 kütüphanesi ve v1'den ne değişti
Bu araç orijinal cropperjs kütüphanesinin tam yeniden yazımı olan cropperjs sürüm 2.1.1 üzerine inşa edilmiştir. v2 sürümü eski constructor tabanlı API'yi (new Cropper(img, { aspectRatio: 1 })) Web Components mimarisiyle değiştirir. Kırpma tuvali, seçim katmanı ve görüntü elemanı tümü tarayıcının CustomElementRegistry'si aracılığıyla kayıtlı özel HTML elemanlarıdır. Bu, Shadow DOM'un tüm iç stilleri ele aldığı anlamına gelir, içe aktarmak için ayrı bir cropper.css dosyası yoktur, bu da v1'e kıyasla bir Vite varlık isteğini ortadan kaldırır. En boy oranı kilidi artık constructor'da değil seçim elemanının kendisinde ayarlanır (cropperSelection.aspectRatio = 1), bu yüzden tüm kırpma arayüzünü yeniden başlatmadan çalışma zamanında oran değiştirilebilir. Kütüphane jsDelivr CDN'in content-length başlığından doğrudan ölçülmüş olarak 41 960 bayt ham ve 12 175 bayt gzip ağırlığındadır. O 12 KB oturum başına bir kez ödenir ve Vite chunk bölme yoluyla tüm preset kırpma rotalarında yeniden kullanılır.
Çıktı piksel boyutları nasıl hesaplanır, yükseltme yok
Ekranda kırpma seçimini sürüklerken gördüğün koordinatlar CSS piksel uzayında değil kaynak görüntü piksel uzayındadır. Bu fark yüksek DPI ekranlar için önemlidir, 3× cihaz piksel oranlı bir telefon 300 CSS piksel genişlikteki bir görüntüyü 900 gerçek piksel olarak gösterir, ancak seçim koordinatları 900 gerçek pikseli yansıtır, 300 CSS'i değil. İndirdiğin çıktı dosyası, seçim dikdörtgeninin kaynak görüntüde temsil ettiği piksellerin tam sayısını içerir. Kırpma işlemi cropperjs v2 API'sinden selection.toCanvas() çağırır, bu seçimin piksel boyutlarına göre yeni bir HTMLCanvasElement döndüren asenkron bir yöntemdir. O tuval daha sonra PNG, JPG veya WebP için canvas.toBlob()'a veya AVIF için @jsquash/avif kodlayıcısına geçirilir. Hiçbir yükseltme adımı eklenmez. Eğer seçimin 800 piksel genişlikteyse, çıktı 800 piksel genişliktedir.
EXIF meta verisi kaldırma ve ne kaybolur
Her dışa aktarım EXIF, IPTC, XMP ve ICC profil verilerini soyar. Bu tuval pipeline seviyesinde gerçekleşir, tarayıcı çözülmüş görüntü piksellerini HTMLCanvasElement üzerine çizer ve tuval yeni bir dosyaya kodlar. Tuval meta veri kapsayıcıları kavramına sahip değildir, yalnızca piksel değerlerini ve kodlama parametrelerini saklar. Kaldırılanlar GPS koordinatlarını, kamera marka ve modelini, lens odak uzaklığını, pozlama ayarlarını, telif hakkı alanlarını ve renk profili etiketlerini içerir. sRGB renk profili etkili bir şekilde tuvalin yaptığı varsayımdır, renkler tarayıcının görüntüleme pipeline'ı aracılığıyla işlenir ve hiçbir profil eklenmeden yeniden kodlanır. Çoğu web yayını ve sosyal medya kullanımı için, sıyrılmış EXIF tercih edilir çünkü GPS verisi kullanıcının paylaşmak istemediği konum bilgisini ifşa edebilir. Renk profili doğruluğunun önemli olduğu profesyonel fotoğraf iş akışları için, ICC profil doğruluğunun korunmadığını ve renk yönetimli bir dışa aktarım aracının kullanılması gerektiğini not et.
Animasyonlu GIF'i kırparken ne olur
Animasyonlu bir GIF'i kırpma aracına bıraktığında, tarayıcı yalnızca ilk kareyi kırpma tuvali tarafından kullanılan görüntü elemanına çözer. Bu bir tarayıcı davranışıdır, cropperjs sınırlaması değil, HTMLImageElement animasyonlu bir GIF'in bireysel karelerini tuval API'sinin iterasyon yapabileceği bir şekilde JavaScript'e açmaz. Sonuç, yalnızca ilk karenin kırpma seçimi için kullanılabilir olması ve nihai çıktının tamamlama ekranında seçtiğin format ne olursa olsun sabit bir görüntü olmasıdır. Eğer girdi GIF'se ve çıktı olarak GIF seçersen, tarayıcının canvas.toBlob uygulaması GIF kodlayıcı içermez, bu yüzden çıktı sessizce PNG'ye düşer. Araç o sessiz düşüşü önlemek için GIF'i bir çıktı format seçeneği olarak açıkça reddeder. Bir animasyonun tüm karelerini kırpman gerekiyorsa, kare kare çalışan bir araca ihtiyacın var, bu araç onu desteklemiyor.
Klavye navigasyonu ve erişilebilirlik
cropperjs v2 seçim elemanı klavye navigasyonunu Web Component spesifikasyonunun bir parçası olarak uygular. Kırpma seçimine Tab tuşuyla geçtikten sonra, ok tuşları çerçeveyi basılan yönde bir piksel hareket ettirir. Shift artı ok tuşu çerçeveyi on piksel hareket ettirir. Bu, bir ekran okuyucu çözümü veya özel JavaScript katmanı olmadan yerli olarak erişilebilirdir, klavye işleyicisi seçim elemanının shadow root'unda yaşar ve keydown'da tetiklenir. Bu, yalnızca klavye navigasyonuna güvenen kullanıcılar için önemlidir, bazı yardımcı teknoloji düzenekleri, motor erişilebilirlik cihazları ve trackpad'in alt piksel hizalamayı güvenilir şekilde sağlayamadığı hassas iş akışları dahil. Seçime bağlı canlı piksel okuması da her tuş basışıyla güncellenir, böylece okumadaki aria-live bölgelerine sahip ekran okuyucu kullanıcıları mevcut boyutların değiştiğini duyabilir. Klavye erişilebilirliği bu aracın iLoveIMG ve img2go'dan önde olduğu bir alandır.
Kırpmadan sonra format seçimi ödünleşimleri
Tamamlama ekranındaki format seçici dört seçenek sunar. PNG kayıpsızdır, kırpma alanındaki her piksel kaynaktan çözüldüğü gibi tam olarak saklanır. Dosya boyutu aynı içerik için JPG'den daha büyüktür, bir fotoğraf için tipik olarak üç ila beş kat daha büyüktür. JPG kalite 0.9'da (0'dan 1'e ölçekte) kayıplı sıkıştırma uygular, bu çoğu masaüstü editöründeki yüksek kalite preset'ine kabaca karşılık gelir. q0.9'da orijinal ile çıktı arasındaki fark genellikle standart bir monitörde görünmez ancak dosya anlamlı şekilde daha küçüktür. WebP aynı kalite ayarında kodlama testlerimizde JPG'den yaklaşık yüzde 25 ila 35 daha küçük dosya üretir, fotoğraflarda aynı algısal kaliteyle. WebP ayrıca kayıpsız modu destekler ve şeffaflığı korur. @jsquash/avif kütüphanesi aracılığıyla kalite 0.9'daki AVIF, dört formatın en küçük çıktısını üretir, ancak oturumdaki ilk kodlama 870 KB'lik WASM modülünü indirmeyi gerektirir.