CodeKitHub
Bildverktyg

Ändra Storlek på Bilder Online

Senast uppdaterad:

Ändra bildmått på några sekunder: ange en exakt pixelbredd eller en procentandel, så följer höjden automatiskt med för att bevara proportionerna. Fungerar med JPG, PNG och WebP, stöder batchar, och — precis som med alla verktyg här — dina bilder lämnar aldrig din webbläsare.

Aspect ratio is preserved automatically

    Vad är detta verktyg?

    En bildstorleksändrare ändrar pixelmåtten på en bild — till skillnad från komprimering, som behåller måtten men kodar om mer effektivt. Storleksändring är vad du behöver när ett formulär kräver "max 800px", en avatar måste vara 256×256, eller ett 4000px kamerafoto är absurt överdimensionerat för en bloggspalt som är 700px bred.

    Nedskalning (att göra bilder mindre) är visuellt förlustfri och minskar filstorleken dramatiskt — att halvera båda måtten minskar pixelantalet med 75 %. Uppskalning (förstoring) stöds också men kan inte hitta på detaljer: en utsträckt bild blir alltid något suddig. Det här verktyget bevarar bildförhållandet automatiskt så att ingenting ser hoptryckt ut.

    Varför använda det?

    • Två intuitiva lägen: exakt pixelbredd (för krav) eller procent (för snabb förminskning).
    • Bildförhållandet låst automatiskt — inga oavsiktligt förvrängda foton.
    • Konverterar även format på vägen ut om du vill (JPG/PNG/WebP).
    • Ändra storlek på dussintals bilder i batch med nedladdning per fil.
    • Lokalt och privat: ingenting laddas upp, inga storleksgränser.

    Så använder du det

    1. Släpp dina bilder på rutan eller klicka för att välja dem.
    2. Välj ett läge: ange en målbredd i pixlar, eller en procentandel.
    3. Välj valfritt ett annat utdataformat (standard behåller originalet).
    4. Varje resultat visar de nya måtten och filstorleken — klicka på Ladda ner.

    Exempel

    Inmatning

    kamera.jpg — 4032×3024, 3,9 MB, storleksändrad till bredd 1200

    Resultat

    kamera-1200x900.jpg — 1200×900, 260 KB

    Utdatafilens namn innehåller de nya måtten så att versioner aldrig blandas ihop.

    Vanliga användningsområden

    • Uppfylla ett exakt pixelkrav från ett formulär, en appikonspecifikation eller en uppladdningsriktlinje ("avatar måste vara 400×400 eller mindre").
    • Krympa en batch kamerafoton innan de läggs till på en webbsida, där 4000px-breda original laddas mycket långsammare än nödvändigt.
    • Förbereda en uppsättning miniatyrer i en konsekvent storlek från en mapp med källbilder i olika storlekar.
    • Minska en bilds pixelmått innan den klistras in i ett dokument med strikta sidbreddsgränser.

    Storleksändring kontra komprimering, och varför ordningen spelar roll

    Storleksändring och komprimering krymper båda filstorleken men angriper olika saker: storleksändring minskar pixelantalet (en bild som gjorts 50 % smalare och kortare har 75 % färre pixlar att lagra), medan komprimering kodar om samma pixlar mer effektivt. Om en bild både har för stora mått och är okomprimerad ger storleksändring först den större vinsten — att minska pixelantalet från 4000px ner till 1200px tar bort betydligt mer data än något kvalitetsreglage kunde, och sedan pressar komprimering av den redan storleksändrade bilden ut det återstående överskottet. Att göra det i den andra ordningen (komprimera först, ändra sedan storlek) fungerar också, men att ändra storlek först innebär att komprimeringssteget har mindre data att arbeta igenom, vilket är marginellt snabbare.

    Varför procentläget skiljer sig från att bara skriva in en mindre pixelbredd

    Procentläge och pixelbreddsläge ger samma matematik under huven — båda beräknar i slutändan en målbredd och en proportionell höjd — men de löser olika problem i praktiken. Pixelläge är för när du vet exakt vilket tal du behöver (en specifikation säger 1200px, så du skriver 1200). Procentläge är för när du krymper en hel batch bilder med olika originalstorlekar men vill att de alla skalas ner proportionellt med samma mängd — 50 % halverar konsekvent varje bild oavsett om originalen var 2000px eller 6000px breda, vilket pixelläge inte kan göra i en enda körning över en blandad batch utan att antingen förvränga vissa bilder eller lämna andra orörda.

    Vanliga frågor

    Kommer storleksändring att försämra bildkvaliteten?

    Nedskalning ser i princip perfekt ut — du tar bort pixlar som målstorleken ändå inte kan visa. Uppskalning utöver 100 % kan inte lägga till detaljer och ger suddighet; undvik det om du inte måste uppfylla ett minsta storlekskrav.

    Hur ställer jag in en exakt höjd istället för bredd?

    Beräkna bredden som ger din målhöjd: bredd = höjd × (originalbredd ÷ originalhöjd). Verktyget bevarar bildförhållandet med avsikt — fri bredd×höjd-sträckning förvränger foton, vilket nästan aldrig är vad folk vill ha.

    Vilken storlek bör jag använda för webben?

    Fullbredds-hjältebilder: 1600–1920px. Bloggens innehållsbilder: 800–1200px. Miniatyrer: 300–400px. Avatarer: 256px. Vid tveksamhet, matcha den största storlek layouten faktiskt kommer att visa, och komprimera sedan.

    Ändra storlek eller komprimera — vad behöver jag?

    Båda minskar filstorleken, på olika sätt. Om måtten är större än nödvändigt, ändra storlek först — det är den större vinsten. Sedan pressar komprimering ut resterande byte. Vår Bildkomprimerare gör kvalitet + en maxbredd i ett steg om det passar ditt fall.

    Laddas mina bilder upp under storleksändringen?

    Nej. Storleksändring körs på din enhet via webbläsarens canvas-API. Verktyget fungerar offline när sidan väl har laddats.

    Relaterade verktyg