CodeKitHubVad är detta verktyg?
En bildbeskärare klipper ut ett rektangulärt område ur en bild och kastar resten. Det är den mest grundläggande och oftast behövda fotoredigeringen: att trimma en skärmdump till det relevanta fönstret, klippa ut dig själv från ett gruppfoto för en avatar, ta bort en rörig bakgrundskant, eller omforma en landskapsbild till en kvadrat för ett inlägg.
Den här beskäraren körs på HTML5 Canvas-API:et inuti din webbläsare. När du väljer en fil avkodas den lokalt, du justerar markeringen genom att dra i dess kanter och hörn, och beskärningen skapas genom att kopiera bara de pixlarna till en ny canvas. Eftersom ingen server är inblandad finns ingen uppladdningsväntetid, ingen filstorleksavgift och ingen integritetsavvägning — verktyget fungerar även offline när sidan väl har laddats.
Varför använda det?
- Dra-och-justera-markering: flytta rutan eller dra i valfritt hörn eller kanthandtag tills inramningen är exakt rätt, med direkt storleksåterkoppling i pixlar.
- Bildförhållandeförinställningar — 1:1, 4:3, 16:9 och 9:16 — låser rutans form för avatarer, miniatyrer och vertikala videoomslag, eller växla till fritt läge för godtyckliga beskärningar.
- Ladda ner som PNG (förlustfri, behåller transparens) eller JPG (mindre filer för foton) — du väljer vid export.
- 100 % lokal bearbetning med Canvas-API:et: din bild laddas aldrig upp, skickas eller sparas någonstans, vilket spelar roll för ID-foton, dokument och skärmdumpar som innehåller personuppgifter.
- Gratis, ingen vattenstämpel, ingen registrering, och det fungerar på telefoner och surfplattor med touch-dragning såväl som på datorer.
Så använder du det
- Klicka på uppladdningsområdet eller släpp en bildfil på det — JPG, PNG, WebP och de flesta vanliga format fungerar.
- Dra inuti markeringsrutan för att flytta den, eller dra i hörn- och kanthandtagen för att ändra storlek.
- Välj valfritt en bildförhållandeförinställning (1:1, 4:3, 16:9, 9:16) för att låsa rutans form, eller behåll den fri.
- Välj PNG eller JPG som utdataformat.
- Tryck på beskärningsknappen så laddas den beskurna bilden ner omedelbart.
Exempel
Inmatning
Ett 4000×3000 foto, markering låst till 1:1 över ansiktet, ett 800×800-område valtResultat
En 800×800 PNG som bara innehåller den valda kvadratenUtdatan behåller originalpixlarna en-till-en — beskärning skalar eller komprimerar aldrig om det valda området om du inte exporterar som JPG, vilket tillämpar mild fotokomprimering.
Vanliga beskärningsförhållanden och var de används
Välj förhållandet utifrån plattformen du publicerar till, inte från källbilden — en 16:9-miniatyr beskuren från mitten av ett vertikalt foto slår vanligtvis brevlådeutfyllnad. När en plattform anger en exakt pixelstorlek, matcha dess förhållande här först; att få formen rätt redan i beskärningssteget undviker den automatiska centerbeskärning som många sajter tillämpar, vilket ofta klipper bort huvuden och text.
| Förhållande | Form | Typisk användning |
|---|---|---|
| 1:1 | Kvadrat | Profilbilder, Instagram-flöde, appikoner |
| 4:3 | Klassiskt landskap | Presentationer, äldre kameror, iPad-skärmar |
| 16:9 | Bredbild | YouTube-miniatyrer, videoomslag, skärmar |
| 9:16 | Vertikal | Stories, Reels, TikTok, mobilbakgrunder |
| Fri | Vilken rektangel som helst | Trimma skärmdumpar, ta bort kanter, anpassade layouter |
Var beskärning passar in bland bildverktygen
Beskärning ändrar vad bilden visar; storleksändring ändrar hur stor den är. Ett typiskt avatararbetsflöde använder båda: beskär till 1:1 här, skala sedan till de nödvändiga 400×400 med Bildstorleksändraren. Att göra det i den ordningen håller motivet skarpt, eftersom skalningen sker en gång, på den slutliga inramningen.
Om filen fortfarande är för tung efter beskärning — vanligt med stora mobilfoton — kör den genom Bildkomprimeraren. Och när målet är att dölja information snarare än att ta bort den från bilden, bevarar suddning eller pixlering av det känsliga området med ett censureringsverktyg resten av bilden.
→ Bildstorleksändrare · Bildkomprimerare · Fotocensur / suddverktyg
Vanliga frågor
Laddas min bild upp till en server?
Nej. Filen öppnas direkt av din webbläsare och bearbetas med Canvas-API:et på din egen enhet. Ingenting överförs, sparas eller loggas — du kan verifiera det genom att ladda sidan, koppla bort internet, och ändå beskära. Det gör verktyget säkert för ID-kort, kontrakt och andra känsliga bilder.
Vilket bildförhållande bör jag använda?
1:1 (kvadrat) passar de flesta profilbilder och Instagram-flödesinlägg. 4:3 matchar klassiska foto- och presentationsformat. 16:9 är standard för YouTube-miniatyrer, videoomslag och bredbildsskärmar. 9:16 är för vertikalt innehåll — Stories, Reels, TikTok och mobilbakgrunder. När ingen plattform dikterar formen låter fritt läge dig beskära till valfri rektangel.
Ska jag ladda ner som PNG eller JPG?
PNG är förlustfri och bevarar transparens, vilket gör den rätt för skärmdumpar, grafik, logotyper och allt med text. JPG komprimerar fotografiskt innehåll till mycket mindre filer med knappt märkbar kvalitetsförlust, vilket gör den rätt för foton du planerar att dela eller ladda upp. Vid tveksamhet: text eller transparens → PNG, foto → JPG.
Minskar beskärning bildkvaliteten?
Själva beskärningen är förlustfri — den kopierar de valda pixlarna oförändrade, så det beskurna området är pixelidentiskt med originalet. Det enda kvalitetsvalet är exportformatet: PNG behåller allt exakt, medan JPG tillämpar fotografisk komprimering. Verktyget skalar aldrig din bild, så ingen skärpa går förlorad vid omsampling.
Kan jag beskära till exakta pixelmått?
Markeringsstorleken visas löpande i pixlar medan du drar, så du kan finjustera handtagen tills den visar storleken du behöver. Om du behöver en exakt målstorlek som 512×512 oavsett källbildens inramning, beskär till rätt form här (1:1 i det fallet) och skala sedan resultatet med Bildstorleksändraren.