Gå til hovedindhold

Gratis Billedklipper

Klip billeder med træk-og-vælg, valgfrie billedformat­begrænsninger (1:1, 16:9, 4:3 osv.), tredjedelsregel-gitter og multi-format-eksport (JPEG, PNG, WebP).

Virker offline, når den er indlæst

Slip en fil her, eller klik for at vælge

JPG, PNG, WebP, HEIC, HEIF · behandles på din enhed

eller tryk Ctrl+V for at indsætte fra udklipsholderen

Gennemse filer

Tip: du kan indsætte et skærmbillede med Ctrl+V

Dine filer forlader aldrig din enhed. Al behandling sker lokalt i din browser.

Almindelige anvendelser

  • Beskær fotos til InstagramBeskær til Instagrams foretrukne billedformater: 1:1 (kvadrat), 4:5 (portræt) og 1.91:1 (landskab).
  • Beskær profilbilleder til kvadratLav kvadratiske profilbilleder til LinkedIn, Twitter, GitHub eller enhver social platform.
  • Beskær YouTube- og artikelminiaturerBeskær til 16:9-billedformat, der bruges af YouTube-videoer og de fleste blog-herofotos.
  • Beskær pas- / ID-fotosBeskær fotos til standard 2:3 portræt-format til pas-, visum- og ID-ansøgninger.
  • Beskær e-handelsproduktfotosStandardisér produktfoto-billedformater til Amazon, Shopify, Etsy og andre markedsplader.

Sådan fungerer det

Beskæringen sker udelukkende i din browser med HTML5 Canvas API — ingen upload, ingen server. Du trækker et markeringsområde direkte på et canvas-element, og når du anvender beskæringen, læser browserens indbyggede 2D-motor kun de markerede pixels og genkoder dem til JPEG, PNG eller WebP.

  1. 1
    Billedet indlæses i hukommelsen
    Din fil læses med URL.createObjectURL(), som giver browseren en lokal blob-URL. Et HTMLImageElement afkoder filen helt inde i browserfanen — billedets bytes forlader aldrig din enhed.
  2. 2
    Pointer Events styrer beskæringsmarkeringen
    Browserens Pointer Events API (som samler mus, berøring og pen) følger træk på et canvas-overlay. Tryk uden for markeringen starter et nyt rektangel; tryk inden i flytter det; tryk nær nederste højre hjørne ændrer størrelsen. Valgfrie forudindstillinger for billedformat (1:1, 16:9, 4:3 osv.) begrænser geometrien under trækket.
  3. 3
    Canvas tegner live-forhåndsvisningen
    Ved hver ændring af beskæringen gentegner Canvas 2D-konteksten billedet, lægger et mørkt lag uden for markeringen, rydder beskæringsområdet for at vise originalbilledet i fuld kvalitet og lægger et tredjedelsgitter og et blågrønt størrelseshåndtag ovenpå.
  4. 4
    toBlob() koder og leverer resultatet
    Når du klikker på Beskær, oprettes et nyt usynligt lærred i de præcise beskæringsmål. ctx.drawImage() kopierer kun det markerede rektangel, og canvas.toBlob() koder resultatet med browserens indbyggede JPEG-, PNG- eller WebP-encoder i den valgte kvalitet. Outputtet returneres som en lokal blob-URL til download.

Dit billede åbnes som en lokal blob-URL og behandles udelukkende i din browserfane — intet uploades til nogen server på noget tidspunkt.

Relaterede værktøjer

Ofte stillede spørgsmål