Gratis Bildebeskjærer
Beskjær bilder ved å dra for å velge, med valgfrie sideforhold (1:1, 16:9, 4:3 osv.), tredjedelsrutenett og eksport i flere formater (JPEG, PNG, WebP).
Slipp en fil her, eller klikk for å bla
JPG, PNG, WebP, HEIC, HEIF · behandles på enheten din
eller trykk Ctrl+V for å lime inn fra utklippstavlen
Tips: du kan lime inn et skjermbilde med Ctrl+V
Filene dine forlater aldri enheten. All behandling skjer lokalt i nettleseren din.
Vanlige bruksområder
- Beskjær bilder for InstagramBeskjær til Instagrams foretrukne aspektforhold: 1:1 (kvadrat), 4:5 (portrett) og 1.91:1 (landskap).
- Beskjær profil-bilder til kvadratLag kvadratiske profil-bilder for LinkedIn, Twitter, GitHub eller hvilken sosial plattform som helst.
- Beskjær YouTube og artikkel-miniatyrbilderBeskjær til 16:9 aspektforhold som brukes av YouTube-videoer og de fleste blogg-hero-bilder.
- Beskjær pass-/ID-bilderBeskjær bilder til standard 2:3 portrett-forhold for pass-, visum- og ID-søknader.
- Beskjær e-handelsprodukt-bilderStandardiser produkt foto-aspektforhold for Amazon, Shopify, Etsy og andre markedsplasser.
Hvordan det fungerer
Beskjæringen skjer helt i nettleseren med HTML5 Canvas API — ingen opplasting, ingen server. Du drar et utvalg direkte på et canvas-element, og når du bruker beskjæringen, leser nettleserens innebygde 2D-motor bare de valgte pikslene og koder dem på nytt til JPEG, PNG eller WebP.
- 1Bildet lastes inn i minnetFilen leses med URL.createObjectURL(), som gir nettleseren en lokal blob-URL. Et HTMLImageElement dekoder filen helt i nettleserfanen — bildebytene forlater aldri enheten.
- 2Pointer Events styrer beskjæringsutvalgetNettleserens Pointer Events API (som samler mus, berøring og penn) sporer drag på et canvas-overlegg. Trykker du utenfor utvalget, starter et nytt rektangel; trykker du inni, flyttes det; trykker du nær nedre høyre hjørne, endres størrelsen. Valgfrie forhåndsinnstilte sideforhold (1:1, 16:9, 4:3 osv.) begrenser geometrien mens du drar.
- 3Canvas tegner live-forhåndsvisningenVed hver endring av beskjæringen tegner Canvas 2D-konteksten bildet på nytt, legger et mørkt overlegg utenfor utvalget, tømmer beskjæringsområdet for å vise originalbildet i full kvalitet, og legger over et tredjedelsrutenett og et blågrønt håndtak for størrelsesendring.
- 4toBlob() koder og leverer resultatetNår du klikker Beskjær, lages et nytt lerret utenfor skjermen med nøyaktig beskjæringsmål. ctx.drawImage() kopierer bare det valgte rektangelet, og canvas.toBlob() koder resultatet med nettleserens innebygde JPEG-, PNG- eller WebP-koder med valgt kvalitet. Resultatet gis tilbake som en lokal blob-URL for nedlasting.
Bildet åpnes som en lokal blob-URL og behandles helt i nettleserfanen — ingenting lastes opp til noen server på noe tidspunkt.
Relaterte verktøy
Fotokollasjemaker
Kombiner bilder til rutenettkollasjer med avstand, avrundede hjørner og forhåndsinnstilte sideforhold for sosiale medier. HD-eksport, ingen konto, ingen vannmerke.
Lysbildeserie-skaper
Gjør bilder om til en MP4-lysbildeserie med musikk, overtoninger og en langsom zoom. 16:9, 9:16 eller kvadratisk, opptil 1080p. Laget i nettleseren din; bildene dine lastes ikke opp.
Sitatbilde-lager
Gjør et sitat om til et bilde du kan dele. Legg til forfatteren, velg en farge, en gradient eller ditt eget bilde, velg skrifttype og størrelse og last ned en PNG.