Hopp til hovedinnhold
LibraTool logoLibraTool

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).

Fungerer uten nett når den er lastet

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

Bla gjennom filer

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.

  1. 1
    Bildet lastes inn i minnet
    Filen leses med URL.createObjectURL(), som gir nettleseren en lokal blob-URL. Et HTMLImageElement dekoder filen helt i nettleserfanen — bildebytene forlater aldri enheten.
  2. 2
    Pointer Events styrer beskjæringsutvalget
    Nettleserens 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.
  3. 3
    Canvas tegner live-forhåndsvisningen
    Ved 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.
  4. 4
    toBlob() koder og leverer resultatet
    Nå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

Ofte stilte spørsmål