Preskočiť na hlavný obsah

Orezávač obrázkov zadarmo

Orezávajte obrázky ťahaním, s voliteľnými obmedzeniami pomeru strán (1:1, 16:9, 4:3 atď.), mriežkou pravidla tretín a exportom vo viacerých formátoch (JPEG, PNG, WebP).

Po načítaní funguje offline

Presuňte sem súbor alebo kliknutím vyberte

JPG, PNG, WebP, HEIC, HEIF · spracované vo vašom zariadení

alebo stlačte Ctrl+V na vloženie zo schránky

Prehľadávať súbory

Tip: snímku obrazovky môžete vložiť klávesmi Ctrl+V

Vaše súbory nikdy neopustia vaše zariadenie. Všetko spracovanie prebieha lokálne vo vašom prehliadači.

Bežné použitia

  • Odrežte fotografie pre InstagramOdrežte na obľúbené pomery strán Instagram 1:1 (štvorec), 4:5 (portret) a 1.91:1 (krajina).
  • Odrežte fotografie profilu na štvorecVytvárajte štvorcové fotografie profilu pre LinkedIn, Twitter, GitHub alebo akúkoľvek platformu sociálnych médií.
  • Odrežte YouTube a miniatury článkovOdrežte na pomer strán 16:9 používaný videami YouTube a väčšinou hero obrázkov blogu.
  • Odrežte fotografie pasu/IDOdrežte fotografie na štandardný pomer strán 2:3 portretu na pasy, víza a žiadosti o ID.
  • Odrežte fotografie produktov e-obchoduŠtandardizujte pomery strán fotografií produktov pre Amazon, Shopify, Etsy a iné tržnice.

Ako to funguje

Orezávanie prebieha výhradne vo vašom prehliadači pomocou HTML5 Canvas API — bez nahrávania, bez servera. Presuniete výberovú oblasť priamo na elemente canvas a keď orez aplikujete, vstavaný 2D vykresľovací engine prehliadača prečíta iba vybrané pixely a znova ich zakóduje do JPEG, PNG alebo WebP.

  1. 1
    Obrázok načítaný do pamäte
    Váš súbor sa číta pomocou URL.createObjectURL(), ktorá prehliadaču odovzdá lokálnu URL blobu. HTMLImageElement dekóduje súbor výhradne v karte prehliadača — bajty obrázka nikdy neopustia vaše zariadenie.
  2. 2
    Pointer Events riadia výber orezu
    Pointer Events API prehliadača (ktoré zjednocuje vstup z myši, dotyku a pera) sleduje ťahanie na prekrytí plátna. Stlačenie mimo výberu začne nový obdĺžnik; stlačenie vnútri ho presunie; stlačenie pri pravom dolnom rohu zmení jeho veľkosť. Voliteľné predvoľby pomeru strán (1:1, 16:9, 4:3 atď.) obmedzujú geometriu počas ťahania.
  3. 3
    Canvas kreslí živý náhľad
    Pri každej zmene orezu 2D kontext plátna prekreslí obrázok, aplikuje tmavé prekrytie mimo výberu, vyčistí oblasť orezu, aby sa zobrazil pôvodný obrázok v plnej kvalite, a prekryje mriežku pravidla tretín a tyrkysový úchyt na zmenu veľkosti.
  4. 4
    toBlob() zakóduje a doručí výsledok
    Keď kliknete na Orezať, vytvorí sa nové mimoobrazovkové plátno s presnými rozmermi orezu. ctx.drawImage() skopíruje iba vybraný obdĺžnik a canvas.toBlob() zakóduje výsledok pomocou natívneho kodéra JPEG, PNG alebo WebP prehliadača podľa vami zvoleného nastavenia kvality. Výstup sa vráti späť ako lokálna URL blobu na stiahnutie.

Váš obrázok sa otvorí ako lokálna URL blobu a spracúva sa výhradne v rámci vašej karty prehliadača — v žiadnom okamihu sa nič nenahráva na žiadny server.

Súvisiace nástroje

Často kladené otázky