Ugrás a fő tartalomra

Ingyenes Képkivágó

Vágj képeket húzással és kijelöléssel, opcionális képarány-korlátokkal (1:1, 16:9, 4:3 stb.), harmadolási ráccsal és többformátumos exporttal (JPEG, PNG, WebP).

Betöltés után offline is működik

Húzza ide a fájlt, vagy kattintson a tallózáshoz

JPG, PNG, WebP, HEIC, HEIF · az eszközödön dolgozza fel

vagy nyomjon Ctrl+V-t a vágólapról való beillesztéshez

Fájlok tallózása

Tipp: képernyőképet a Ctrl+V billentyűkkel illeszthetsz be

Az Ön fájljai soha nem hagyják el az eszközét. Minden feldolgozás helyileg történik a böngészőjében.

Gyakori felhasználások

  • Vágja a fotókat az Instagram számáraVágja az Instagram előnyben részesített képarányokra: 1:1 (négyzet), 4:5 (portré) és 1.91:1 (táj).
  • Vágja a profilképeket négyzetreHozzon létre négyzet alakú profilképeket a LinkedIn, Twitter, GitHub vagy bármely közösségi platform számára.
  • Vágja a YouTube és a cikk bélyegképeitVágja a 16:9 képarányt, amelyet a YouTube videók és a legtöbb blog hős fotó használnak.
  • Vágja az útlevél / ID fotókatVágja a fotókat a standard 2:3 portrét arányra az útlevél, vízum és ID alkalmazásokhoz.
  • Vágja az e-kereskedelmi termék fotókatSzabványosítsa a termékkép képarányokat az Amazon, Shopify, Etsy és egyéb piacterek számára.

Hogyan működik

Az obrezivanje teljesen a böngészőjében történik a HTML5 Canvas API-val — nincs feltöltés, nincs szerver. Egy kiválasztási területet húz közvetlenül egy canvas elemen, és amikor alkalmazza az obrezivanje-t, a böngésző beépített 2D renderelőmotorja csak a kiválasztott pixeleket olvassa be, és újrakódolja őket JPEG-re, PNG-re vagy WebP-re.

  1. 1
    A kép memóriába betöltve
    Fájlja az URL.createObjectURL() segítségével kerül beolvasásra, ami helyi blob URL-t ad a böngészőnek. Egy HTMLImageElement teljesen a böngészőlapon belül dekódolja a fájlt — a kép bájtjai soha nem hagyják el eszközét.
  2. 2
    A Pointer Events vezérli az obrezivanje kiválasztását
    A böngésző Pointer Events API-ja (amely egyesíti az egér-, érintés- és tollbevitelt) nyomon követi a húzásokat egy canvas-átfedésen. A kiválasztáson kívülre nyomás új téglalapot indít; belülre nyomás mozgatja; a jobb alsó sarok közelébe nyomás átméretezi. Opcionális képarány-előbeállítások (1:1, 16:9, 4:3 stb.) korlátozzák a geometriát húzás közben.
  3. 3
    A Canvas rajzolja az élő előnézetet
    Minden obrezivanje-változáskor a Canvas 2D kontextus újrarajzolja a képet, sötét átfedést alkalmaz a kiválasztáson kívül, kitisztítja az obrezivanje-régiót az eredeti kép teljes hűségben való megjelenítéséhez, és egy harmadolási rácsot és egy türkiz átméretezési fogantyút rétegez rá.
  4. 4
    A toBlob() kódolja és kiadja az eredményt
    Az Obreži gombra kattintáskor egy új, képernyőn kívüli platno jön létre a pontos obrezivanje-méretekkel. A ctx.drawImage() csak a kiválasztott téglalapot másolja, és a canvas.toBlob() a böngésző natív JPEG, PNG vagy WebP kódolójával kódolja az eredményt az Ön kiválasztott minőségi beállításán. A kimenet helyi blob URL-ként kerül visszaadásra letöltéshez.

Képe helyi blob URL-ként nyílik meg, és teljesen a böngészőlapján belül kerül feldolgozásra — soha, semmikor nem kerül feltöltésre semmilyen szerverre.

Kapcsolódó eszközök

Gyakran ismételt kérdések