Slaan oor na hoofinhoud
LibraTool logoLibraTool

Gratis Beeld Cropper

Sny prente met sleep-om-te-kies, opsionele aspekverhouding-beperkings (1:1, 16:9, 4:3, ens.), reël-van-derde-rooster, en multi-formaat uitvoer (JPEG, PNG, WebP).

Werk vanlyn sodra gelaai

Los 'n lêer hier, of klik om te soek

JPG, PNG, WebP, HEIC, HEIF · op jou toestel verwerk

of druk Ctrl+V om vanaf jou knipbord te plak

Blaai deur lêers

Wenk: jy kan 'n skermkiekie met Ctrl+V plak

Jou lêers verlaat nooit jou toestel nie. Alle verwerking gebeur plaaslik in jou blaaier.

Algemene gebruike

  • Gewas Foto's vir InstagramGewas tot Instagram se voorkeur-aspekverhoudings: 1:1 (vierkant), 4:5 (portret), en 1.91:1 (landskap).
  • Gewas Profiel-beelde na VierkantMaak vierkantige profielbilde vir LinkedIn, Twitter, GitHub, of enige sosiale platform.
  • Gewas YouTube- en Artikel-oorsigteGewas tot die 16:9 aspekverhouding wat deur YouTube-video's en meeste blog-helofoto's gebruik word.
  • Gewas Paspoort / ID-foto'sGewas foto's tot die standaard 2:3-portret aspekverhouding vir paspoort-, visum- en ID-toepassings.
  • Gewas E-koop-produk-foto'sStandaardiseer produk-foto aspekverhoudings vir Amazon, Shopify, Etsy, en ander markte.

Hoe dit werk

Afsnyding gebeur heeltemal in jou blaaier met die HTML5 Canvas-API — geen oplaai, geen bediener nie. Jy sleep 'n seleksiegebied direk op 'n canvas-element, en wanneer jy die afsnyding toepas, lees die blaaier se ingeboude 2D-renderingenjin slegs die gekose pixels en herenkodeer hulle na JPEG, PNG, of WebP.

  1. 1
    Beeld in geheue gelaai
    Jou lêer word met URL.createObjectURL() gelees, wat die blaaier 'n plaaslike blob-URL gee. 'n HTMLImageElement dekodeer die lêer heeltemal in die blaaieroortjie — die beeldgrepe verlaat nooit jou toestel nie.
  2. 2
    Pointer Events dryf die afsnyseleksie
    Die blaaier se Pointer Events-API (wat muis-, raak-, en penteontsering verenig) spoor sleepbewegings op 'n canvas-oorlegsel na. Om buite die seleksie te druk begin 'n nuwe reghoek; om binne te druk skuif dit; om naby die onder-regter-hoek te druk verstel die grootte. Opsionele aspekverhouding-voorinstellings (1:1, 16:9, 4:3, ens.) beperk die geometrie tydens sleep.
  3. 3
    Canvas teken die lewendige voorskou
    By elke afsnyveranderling herteken die Canvas 2D-konteks die beeld, pas 'n donker oorlegsel buite die seleksie toe, maak die afsnygebied skoon om die oorspronklike beeld teen volle getrouheid te wys, en oorlê 'n derde-reël-rooster en 'n teal-grootte-verstel-handvatsel.
  4. 4
    toBlob() enkodeer en lewer die resultaat
    Wanneer jy Sny klik, word 'n nuwe skerm-af-canvas by die presiese afsnyafmetings geskep. ctx.drawImage() kopieer slegs die gekose reghoek, en canvas.toBlob() enkodeer die resultaat met die blaaier se inheemse JPEG-, PNG-, of WebP-enkodeerder teen jou gekose kwaliteitinstelling. Die uitset word teruggegee as 'n plaaslike blob-URL vir aflaai.

Jou beeld word as 'n plaaslike blob-URL oopgemaak en heeltemal binne jou blaaieroortjie verwerk — niks word ooit na enige bediener opgelaai nie.

Verwante gereedskap

Gereelde vrae