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).
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
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.
- 1Bild inläst i minnetDin 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.
- 2Pointer Events driver beskärningsurvaletWebblä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.
- 3Canvas ritar den levande förhandsvisningenVid 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å.
- 4toBlob() kodar och levererar resultatetNä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
Fotokollage Maker
Kombinera foton i rutnätskollage med avstånd, rundade hörn och sociala bildförhållandeförinställningar. HD-export, inget konto, inget vattenmärke.
Bildspelskapare
Förvandla foton till ett MP4-bildspel med musik, övertoningar och en långsam zoom. 16:9, 9:16 eller kvadratisk, upp till 1080p. Skapas i din webbläsare; dina foton laddas inte upp.
Citatbildsskapare
Förvandla ett citat till en delbar bild. Lägg till upphovspersonen, välj en färg, toning eller ditt eget foto, välj typsnitt och storlek och ladda ner en PNG.