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).
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
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.
- 1Beeld in geheue gelaaiJou 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.
- 2Pointer Events dryf die afsnyseleksieDie 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.
- 3Canvas teken die lewendige voorskouBy 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.
- 4toBlob() enkodeer en lewer die resultaatWanneer 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
Fotokollasjemaker
Kombineerfotos in rasterkollasjesmetspasiering, abongeerdehoeke, ensosiaaleaspectratiovoorstel. HD-uitvoer, geen rekening, geenwatermerk.
Foto-skyfievertoningmaker
Verander foto's in 'n MP4-skyfievertoning met musiek, kruisvervaging en 'n stadige zoem. 16:9, 9:16 of vierkantig, tot 1080p. Gemaak in jou blaaier; jou foto's word nie opgelaai nie.
Aanhaling-beeldmaker
Verander 'n aanhaling in 'n deelbare prent. Voeg die skrywer by, kies 'n kleur, gradiënt of jou eie foto, kies 'n lettertipe en grootte, en laai 'n PNG af.