Bilde optimalisering - konvertering, skalering og komprimering av bilder

Å skalere et bilde for bruk på en nettside hjelper betraktelig på hvor rask nettsiden lastes inn i nettleseren. Den gyldene regel er å ikke bruke større bilder enn det man behøver.

Men, hvordan reduserer du størrelsen på et bilde?

Det er viktig å vite at det er forskjell på det å beskjære et bilde og å redusere størrelsen på et bilde.  

Når du beskjærer et bilde, kutter du bort deler av bildet.  

‍

Beskjæring vs. Skalering

Det er viktig å vite at det er stor forskjell på å beskjære et bilde og å redusere størrelsen (skalere) på det.

• Beskjæring (Crop): Når du beskjærer et bilde, kutter du bort deler av motivet. Dette gjør du for å endre komposisjonen eller fjerne uønskede elementer i kantene.
• Skalering (Resize): Når du skalerer et bilde, krymper du selve dimensjonene (bredde og høyde), men beholder hele motivet og proporsjonene.

For at bildet ikke skal bli strukket eller klemt sammen, må det reduseres etter noe som heter Aspect Ratio (bildeformat). Dette beholder forholdet mellom høyde og bredde uansett hvor mye du krymper det. De fleste bilderedigeringsprogrammer gjør dette automatisk for deg hvis du låser hengelås-ikonet ved siden av målene.

‍

‍

Forstå forskjellen på piksler og filstørrelse

Dette kan være litt forvirrende, men det er tre ting som avgjør hvor "tungt" et bilde er for nettsiden din:

1. Dimensjoner: Antall piksler i bredde og høyde (f.eks. 1200 x 800 px).
2. Filstørrelse: Hvor mye plass filen tar på lagringsplassen din, målt i Kilobyte (KB) eller Megabyte (MB).
3. Komprimering: En metode for å redusere filstørrelsen (KB) uten nødvendigvis å endre antall piksler, ved å fjerne usynlig bildedata.

Jo flere bildepunkter (høyere oppløsning) et bilde har, jo klarere blir det, men det blir også tyngre å laste inn. På web trenger man sjelden ekstremt høy oppløsning fordi skjermer har begrensninger. Ved å bruke verktøy som for eksempel  kraken.io kan du redusere både dimensjoner og filstørrelse samtidig.

Hva er WebP, og hvorfor bør du bruke det?

WebP er et bildeformat utviklet av Google. Det er laget spesifikt for web og gir betydelig mindre filstørrelser enn tradisjonelle formater som JPEG og PNG – ofte uten at du kan se forskjell på kvaliteten.

WebP støtter både gjennomsiktighet (som PNG) og effektiv komprimering (som JPEG). De fleste moderne nettlesere støtter dette i dag, og det er en av de enkleste måtene å gi nettsiden din et hastighetsløft på.

Kan man skalere et bilde opp?

Nei, bilder er bygget opp av faste bildepunkter. Hvis du prøver å gjøre et lite bilde større enn det originalt er, vil programmet måtte "gjette" seg til de nye bildepunktene. Resultatet er at bildet blir uskarpt og pikselert.

‍

‍

‍‍

Tips: Ta vare på originalbildet! Lagre alltid en kopi av originalen før du skalerer ned. Hvis du senere finner ut at bildet ble for lite for et nytt design, kan du gå tilbake til originalen og lage en ny versjon i riktig størrelse.