Tjenester

Våre webprodukter kjennetegnes av

Medlem av Web Standards Group

Hvordan konvertere bilder for web

I denne artikkelen gis en kort forklaring på hvordan man kan tilpasse bilder for websider ved hjelp av bildeprogrammet IrfanView. Kort fortalt kan man konvertere et stort antall bilder på èn gang vha funksjonen "Batch conversion".

Irfan View
Bildeprogrammet Irfan View

1: Før du begynner

Last inn bilder fra digitalkameraet hvis du ikke allerede har gjort det. Sørg for at alle originalbildene du skal endre på ligger i en enkelt katalog. Lær deg hvor på maskinen denne katalogen ligger.

2: Last ned bildeprogrammet IrfanView

Gå til Download.com og klikk på "Download Now" for å laste ned programmet. Lagre (merk deg hvor du lagrer, for sikkerhetsskyld) og åpne. Følg installasjonsintstruksene. Under installasjonen, når du får spørsmålet : "Do you want to associate extensions with Irfan View?", velg "Images Only". Når programmet er ferdig installert, ligger det tilgjengelig på Start-menyen, under "Programmer", "IrfanView".

3: Roter bilder om nødvendig

  1. Åpne IrfanView og åpne ett av bildene i originalkatalogen.
  2. Dersom bildet skal roteres til høyre, klikk "L" på tastaturet. Klikk "R" for å rotere til venstre.
  3. Overskriv det gamle bildet: Velg "File", "Save", og lagre det roterte bildet i samme katalog som originalbildet. Pass på at du ikke endrer navn på bildet. Navnet må være det samme, slik at det gamle blir overskrevet. Godkjenn at du overskriver bildet. Dersom du ikke får spørsmål om å godkjenne, har det sannsynligvis oppstått en feil.
  4. Bla til neste bilde ved å klikke Space på tastaturet, eller høyrepilen i verktøylinjen i IrfanView.
  5. Gjenta punkt 1-4 til du har gått gjennom alle bildene.

4: Finn ut om du skal justere bildestørrelsen på bildene

  1. Åpne ett av originalbildene i IrfanView
  2. Viktig: Klikk "View", "Original Size" på menyen.
  3. Dersom bildet er passelig stort, kan du gå til neste overskrift ("Endre størrelsen på alle bildene i en katalog").
  4. Dersom bildet er stort, kan du nå finne ut omtrent hvor mange prosent du skal endre størrelsen med.
  5. Velg "Image", "Resize/Resample" i menyen.
  6. Ikke merk av "Set new size", men merk av "Set new size as percentage of original" i boksen under.
  7. Pass på at "Preserve aspect ratio" er merket av, og at DPI-verdien er 72
  8. Prøv med en prosentverdi, feks "50", og klikk "OK".
  9. Dersom bildet nå er passelig stort, noter deg prosentverdien, og fortsett.
  10. Dersom bildet ikke er passelig stort, klikk "Edit", "Undo" i menyen, og gjenta punkt 5 til 8.

5: Konvertèr bildene til webformat (oppløsning og størrelse).

  1. Sørg for at alle originalbildene du skal endre på ligger i en enkelt katalog. Lær deg hvor på maskinen denne katalogen ligger.
  2. Åpne IrfanView, og velg "File", "Batch Conversion / Rename".
  3. I vinduet som åpnes, åpne bildekatalogen med originalbildene.
  4. Lag en ny katalog inne i denne katalogen som du kaller "Resized" (Klikk på ikonet "Create New Folder"). Ikke åpne den nye katalogen.
  5. Klikk "Add all", i kolonnen med knapper. Alle originalbildene er nå lagt til i listen "Input Files".
  6. Velg "Output directory": Klikk "Browse"-knappen, og velg katalogen som du nettopp har kalt "Resized" (inne i katalogen som har originalbildene).
  7. Velg "JPG - JPEG Format" i "Output Format" dersom dette ikke er forhåndsvalgt.
  8. Klikk "Set advanced options" nede til høyre. (Merk av "Use advance options").
  9. Viktig: Merk av i "CHANGE COLOR DEPTH" og velg "256 Colors (8 BPP)".
  10. Dersom du ønsker å endre størrelse på bildene: Merk av "Preserve aspect rato" (proportional). Merk av "RESIZE". Ikke merk av "Set new size", men merk av "Set new size as percentage of original" i boksen under. Skriv inn prosentverdien som du noterte deg tidligere.
  11. Klikk "OK"
  12. Klikk "Start" i "Batch Conversion"-vinduet.
  13. Voila! Bildene skal nå være tilpasset web. Lukk "Batch Conversion"-vinduet ved å klikke i krysset oppe til høyre. Åpne ett av bildene i "Resized"-katalogen, og klikk "View", "Original Size". Dersom bildet er passelig stort, er konverteringen vellykket.
  14. Klikk "Image", "Information" i menyen. Sjekk at "Current colors" har verdien "256".
  15. Bla gjennom flere bilder ved å klikke på "Space" på tastaturet, eller høyrepilen i verktøylinjen.

Andre funksjoner i IrfanView

Klippe ut deler av et bilde

Merk området du vil klippe ut vha musen. Området blir merket med et rektangel. Velg "Edit", "Crop selection" i menyen, eller trykk Ctrl + Y.

Klippe ut deler av et bilde

Endre bilde til sort-hvitt

Velg "Image", "Convert to grayscale" i menyen.

Sørge for at filstørrelsen blir mindre på et enkeltbilde

Velg "Image", "Decrease color depth" i menyen, og velg så 256 eller 16 farger.

Justere størrelsen på et enkeltbilde

  1. Velg "Image", "Resize/Resample" i menyen.
  2. Merk av "Set new size as percentage of original" i boksen under.
  3. Pass på at "Preserve aspect ratio" er merket av, og at DPI-verdien er 72
  4. Prøv med en prosentverdi, feks "50", og klikk "OK".
  5. Dersom bildet nå er passelig stort, noter deg prosentverdien, og fortsett.

Justere kontrast, lysstyrke og farger på et bilde

Velg "Image", "Enhance colors" i menyen, og juster verdiene.

Trenger du hjelp til webutvikling/webdesign, søkemotoroptimalisering eller annonsering i søkemotorer? Ønsker du websider som du kan oppdatere selv? Autodog Development tilbyr rimelige frilanstjenester og arbeider hurtig og effektivt. Ta kontakt for mer informasjon eller for et tilbud.

Nytt 2010: Encanta leverer programvare og programmeringstjenester til den norske offshore-industrien. Integrerer mot bl.a Microsoft Office, Safran, SAP/SBO og ProArc. Se her for mer informasjon.