CodeKitHub
Bildeverktøy

Endre bildestørrelse på nett

Sist oppdatert:

Endre bildedimensjoner på sekunder: angi en eksakt pikselbredde eller en prosent, og høyden følger automatisk for å beholde proporsjonene. Fungerer med JPG, PNG og WebP, støtter batcher, og — som alle verktøyene her — bildene dine forlater aldri nettleseren din.

Aspect ratio is preserved automatically

    Hva er dette verktøyet?

    En bildeskalering endrer pikseldimensjonene til et bilde — noe annet enn komprimering, som beholder dimensjonene men koder mer effektivt. Skalering er det du trenger når et skjema krever «maks 800px», en avatar må være 256×256, eller et kamerabilde på 4000px er helt overkill for en bloggspalte som er 700px bred.

    Nedskalering (gjøre bilder mindre) er visuelt tapsfritt og reduserer filstørrelsen dramatisk — å halvere begge dimensjoner kutter pikselantallet med 75 %. Oppskalering (forstørring) støttes også, men kan ikke finne opp detaljer: et strukket bilde blir alltid noe mykere. Dette verktøyet bevarer bildeforholdet automatisk slik at ingenting ser klemt ut.

    Hvorfor bruke det?

    • To intuitive modus: eksakt pikselbredde (for krav) eller prosent (for rask nedskalering).
    • Bildeforhold låst automatisk — ingen bilder blir ved et uhell forvrengt.
    • Konverterer også format underveis hvis du ønsker det (JPG/PNG/WebP).
    • Batch-endre størrelse på dusinvis av bilder med nedlasting per fil.
    • Lokalt og privat: ingenting lastes opp, ingen størrelsesgrenser.

    Slik bruker du det

    1. Slipp bildene dine i boksen eller klikk for å velge dem.
    2. Velg en modus: skriv inn en målbredde i piksler, eller en prosent.
    3. Velg eventuelt et annet utdataformat (standard beholder originalen).
    4. Hvert resultat viser de nye dimensjonene og filstørrelsen — klikk Last ned.

    Eksempel

    Inndata

    kamera.jpg — 4032×3024, 3,9 MB, endret til bredde 1200

    Resultat

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

    Filnavnet på utdataen inkluderer de nye dimensjonene slik at versjoner aldri blandes.

    Vanlige bruksområder

    • Å oppfylle et eksakt pikselkrav fra et skjema, en app-ikon-spesifikasjon eller en opplastingsretningslinje («avatar må være 400×400 eller mindre»).
    • Å krympe en batch med kamerabilder før de legges til en nettside, der 4000px-brede originaler laster mye tregere enn nødvendig.
    • Å forberede et sett med miniatyrbilder i en konsekvent størrelse fra en mappe med kildebilder i ulike størrelser.
    • Å redusere et bildes pikseldimensjoner før det limes inn i et dokument med strenge sidebreddebegrensninger.

    Endre størrelse vs. komprimere, og hvorfor rekkefølgen betyr noe

    Å endre størrelse og å komprimere krymper begge filstørrelsen, men angriper ulike ting: størrelsesendring reduserer pikselantallet (et bilde gjort 50 % smalere og kortere har 75 % færre piksler å lagre), mens komprimering koder de samme pikslene mer effektivt. Hvis et bilde både er for stort i dimensjoner og ukomprimert, gir størrelsesendring først den største gevinsten — å kutte pikselantallet fra 4000px ned til 1200px fjerner langt mer data enn noen kvalitetsglidebryter kan, og deretter presser komprimering av det allerede endrede bildet ut det gjenværende overskuddet. Å gjøre det i motsatt rekkefølge (komprimere først, så endre størrelse) fungerer også, men å endre størrelse først betyr at komprimeringssteget har mindre data å jobbe gjennom, noe som er marginalt raskere.

    Hvorfor prosentmodus er annerledes enn å bare skrive en mindre pikselbredde

    Prosentmodus og pikselbredde-modus gir samme matematikk under panseret — begge beregner til slutt en målbredde og en proporsjonal høyde — men de løser ulike problemer i praksis. Pikselmodus er for når du vet det eksakte tallet du trenger (en spesifikasjon sier 1200px, så du skriver 1200). Prosentmodus er for når du krymper en hel batch med bilder i ulike originalstørrelser, men vil ha dem alle skalert ned proporsjonalt med samme mengde — 50 % halverer konsekvent hvert bilde uansett om originalene var 2000px eller 6000px brede, noe pikselmodus ikke kan gjøre i én omgang på en blandet batch uten enten å forvrenge noen bilder eller la andre stå urørt.

    Ofte stilte spørsmål

    Vil størrelsesendring redusere bildekvaliteten?

    Nedskalering ser i praksis perfekt ut — du fjerner piksler målstørrelsen uansett ikke kan vise. Oppskalering utover 100 % kan ikke legge til detaljer og gir mykhet; unngå det med mindre du må oppfylle et minstestørrelseskrav.

    Hvordan setter jeg en eksakt høyde i stedet for bredde?

    Beregn bredden som gir målhøyden din: bredde = høyde × (original bredde ÷ original høyde). Verktøyet beholder bildeforholdet med hensikt — fri strekking av bredde×høyde forvrenger bilder, noe som nesten aldri er det folk ønsker.

    Hvilken størrelse bør jeg bruke for nett?

    Fullbredde hero-bilder: 1600–1920px. Innholdsbilder i blogg: 800–1200px. Miniatyrbilder: 300–400px. Avatarer: 256px. Er du usikker, match den største størrelsen layouten faktisk viser, og komprimer deretter.

    Endre størrelse eller komprimere — hva trenger jeg?

    Begge reduserer filstørrelsen, på ulike måter. Hvis dimensjonene er større enn nødvendig, endre størrelse først — det er den store gevinsten. Deretter presser komprimering ut de gjenværende bytene. Vår Bildekomprimering gjør kvalitet + en maksbredde i ett steg hvis det passer for deg.

    Blir bildene mine lastet opp under størrelsesendring?

    Nei. Størrelsesendring skjer på enheten din via nettleserens canvas-API. Verktøyet fungerer offline når siden først er lastet inn.

    Relaterte verktøy