Pildi lõikaja tasuta
Lõika pilte lohistades ja valides koos valikuliste kuvasuhte piirangutega (1:1, 16:9, 4:3 jne), kolmandiku reegliga ruudustiku ja mitme formaadi ekspordiga (JPEG, PNG, WebP).
Lohistage fail siia või klõpsake sirvimiseks
JPG, PNG, WebP, HEIC, HEIF · töödeldakse sinu seadmes
või vajutage lõikelaualt kleepimiseks Ctrl+V
Vihje: ekraanipildi saad kleepida klahvidega Ctrl+V
Sinu failid ei lahku kunagi sinu seadmest. Kogu töötlus toimub kohalikult sinu brauseris.
Levinud kasutusviisid
- Lõigake fotosid Instagrami jaoksLõigake Instagrami eelistatud kuvasuhte 1:1 (ruut), 4:5 (portree) ja 1.91:1 (maastik).
- Lõigake profiilifotod ruuduleLooge ruudukujulised profiilifotod LinkedIn-i, Twitteri, GitHubi või mis tahes sotsiaalmeedia platvormile.
- Lõigake YouTube ja artikli pisikulidLõigake 16:9 kuvasuhte, mida kasutavad YouTube-i videod ja enamik blogi kangelase fotosid.
- Lõigake passi/ID fotosidLõigake fotosid standardse 2:3 portree kuvasuhte jaoks passide, viiside ja ID-taotluste jaoks.
- Lõigake e-kaubanduse toote fotosidStandardiseerige toodete fotode kuvasuhted Amazon-i, Shopify-le, Etsylle ja muudele turudele.
Kuidas see töötab
Kärpimine toimub täielikult sinu brauseris HTML5 Canvas API abil — üleslaadimist, servet pole. Lohistad valikupiirkonna otse lõuendielemendile ja kui rakendad kärpe, loeb brauseri sisseehitatud 2D renderdusmootor ainult valitud pikslid ja kodeerib need uuesti JPEG-iks, PNG-iks või WebP-iks.
- 1Pilt laaditud mälluSinu fail loetakse URL.createObjectURL() abil, mis annab brauserile kohaliku blobi URL-i. HTMLImageElement dekodeerib faili täielikult brauseri vahekaardis — pildi baidid ei lahku kunagi su seadmest.
- 2Pointer Events juhib kärpevalikutBrauseri Pointer Events API (mis ühendab hiire, puute ja pliiatsisisendi) jälgib lõuendikatte lohistamisi. Vajutamine väljaspool valikut alustab uut ristkülikut; vajutamine sees liigutab seda; vajutamine paremast alanurgast lähedal muudab suurust. Valikulised kuvasuhte eelseadistused (1:1, 16:9, 4:3 jne) piiravad geomeetriat lohistamise ajal.
- 3Canvas joonistab reaalajas eelvaateIga kärpemuudatuse korral joonistab Canvas 2D kontekst pildi uuesti, rakendab tumeda katte väljaspool valikut, puhastab kärpepiirkonna, et näidata originaalpilti täies kvaliteedis, ning kihistab kolmandike-reegli võrgustiku ja meretursiinilise suurusemuutmise käepideme.
- 4toBlob() kodeerib ja edastab tulemuseKärbi klõpsamisel luuakse uus ekraanivälise lõuend täpsete kärpemõõtmetega. ctx.drawImage() kopeerib ainult valitud ristküliku ja canvas.toBlob() kodeerib tulemuse brauseri natiivse JPEG-, PNG- või WebP-kodeerija abil sinu valitud kvaliteediseadel. Väljund antakse tagasi kohaliku blobi URL-ina allalaadimiseks.
Sinu pilt avatakse kohaliku blobi URL-ina ja töödeldakse täielikult sinu brauseri vahekaardi sees — midagi ei laadita üles ühelegi serverile ühelgi hetkel.
Seotud tööriistad
Fotokollaaži looja
Kombineerige fotod ruudustiku kollaaže vahele tühikute, ümardatud nurkade ja eelseadistatud kuvasuhtega. HD eksport, ilma kontota, ilma vesimärgita.
Fotode slaidiesitluse tegija
Muuda fotod MP4 slaidiesitluseks koos muusika, sujuvate üleminekute ja aeglase suumiga. 16:9, 9:16 või ruut, kuni 1080p. Valmistatud sinu brauseris; sinu fotosid ei laadita üles.
Tsitaadipildi looja
Muuda tsitaat jagatavaks pildiks. Lisa autor, vali värv, üleminek või oma foto, vali font ja suurus ning laadi alla PNG.