Hoppa till huvudinnehåll
LibraTool logoLibraTool

Gratis Bildbeskärare

Beskär bilder med dra-för-att-markera, valfria bildförhållandebegränsningar (1:1, 16:9, 4:3 osv.), tredjedelsregel-rutnät och export i flera format (JPEG, PNG, WebP).

Fungerar offline när den väl lästs in

Släpp en fil här, eller klicka för att bläddra

JPG, PNG, WebP, HEIC, HEIF · bearbetas på din enhet

eller tryck Ctrl+V för att klistra in från urklipp

Bläddra bland filer

Tips: du kan klistra in en skärmbild med Ctrl+V

Dina filer lämnar aldrig din enhet. All bearbetning sker lokalt i din webbläsare.

Vanliga användningar

  • Beskär foton för InstagramBeskär till Instagrams föredragna bildförhållanden: 1:1 (fyrkant), 4:5 (stående) och 1.91:1 (liggande).
  • Beskär profilbilder till fyrkantGör fyrkantig profilbild för LinkedIn, Twitter, GitHub eller vilken social plattform som helst.
  • Beskär YouTube och artikelminiatyrerBeskär till 16:9-bildförhållande som används av YouTube-videor och de flesta blogghjältebilder.
  • Beskär pass-/ID-fotonBeskär foton till standard 2:3 porträttförhållande för pass-, visum- och ID-ansökningar.
  • Beskär e-handelsproduktsfotonStandardisera produktfotobildförhållanden för Amazon, Shopify, Etsy och andra marknadsplatser.

Så här fungerar det

Beskärning sker helt i din webbläsare med HTML5 Canvas-API:et — ingen uppladdning, ingen server. Du drar ett urvalsområde direkt på ett canvas-element, och när du tillämpar beskärningen läser webbläsarens inbyggda 2D-renderingsmotor bara de valda pixlarna och kodar om dem till JPEG, PNG eller WebP.

  1. 1
    Bild inläst i minnet
    Din fil läses med URL.createObjectURL(), som ger webbläsaren en lokal blob-URL. Ett HTMLImageElement avkodar filen helt i webbläsarfliken — bildbytesen lämnar aldrig din enhet.
  2. 2
    Pointer Events driver beskärningsurvalet
    Webbläsarens Pointer Events API (som förenar mus-, touch- och pennindata) spårar dragningar på ett canvas-överlägg. Att trycka utanför urvalet startar en ny rektangel; att trycka inuti flyttar den; att trycka nära nedre högra hörnet ändrar storlek. Valfria förinställda bildförhållanden (1:1, 16:9, 4:3, osv.) begränsar geometrin under dragning.
  3. 3
    Canvas ritar den levande förhandsvisningen
    Vid varje ändring av beskärningen ritar Canvas 2D-kontexten om bilden, tillämpar ett mörkt överlägg utanför urvalet, rensar beskärningsområdet för att visa originalbilden i full kvalitet, och lägger ett tredjedelsraster och ett turkost storleksändringshandtag ovanpå.
  4. 4
    toBlob() kodar och levererar resultatet
    När du klickar på Beskär skapas en ny osynlig canvas i exakt beskärningsdimensionerna. ctx.drawImage() kopierar bara den valda rektangeln, och canvas.toBlob() kodar resultatet med webbläsarens inbyggda JPEG-, PNG- eller WebP-kodare i din valda kvalitetsinställning. Utdatan lämnas tillbaka som en lokal blob-URL för nedladdning.

Din bild öppnas som en lokal blob-URL och bearbetas helt inom din webbläsarflik — inget laddas upp till någon server vid något tillfälle.

Relaterade verktyg

Vanliga frågor