SlideShare a Scribd company logo
1 of 9
Download to read offline
Ulike bildeformater og
komprimering
Ferdighet 7. trinn
Produsere og bearbeide
I korte trekk
Det finnes mange ulike typer bildeformater,
og man må kjenne til noen av dem for å gjøre
gode valg når man skal lage ulike
multimodale produkter.
• Lagre foto som JPG eller PNG når du skal
bruke dem på nett
• Logo og enkle tegninger kan du lagre som
GIF
Det er to hovedtyper av
bildeformater
De to ulike hovedtypene av bildeformater er
punktgrafikk (bitmap) og vektorgrafikk.
•

•

Punktgrafikk baserer seg på et rutenett med en
fargekode i hver rute - og derfor blir utydelig når
de blir forstørret. Du har kanskje forsøkt å gjøre
en gif større, men så har den bare blitt utydelig
Vektorgrafikk er motstykket til punktgrafikk og
skal kunne skaleres uten tap av kvalitet. Vektorgrafikk brukes derfor ofte i forbindelse med
logoer, men egner seg dårlig til foto. De mest
vanlige formatene for vektorgrafikk er .pdf, .eps,
.wmf, .ai, .svg og .vml
GIF – Graphics Interchange Format
GIF er et bitmap-format. Enkle bilder som logo og grafikk passer godt
som GIF. GIF brukes ofte i forbindelse med animasjoner. Når du ser
enkle bilder med bevegelse i er dette som regel GIF (animated GIF) –
slik som i eksempelet med glidelåsen nederst på sliden. GIF har en
begrensning på farger, og foto egner derfor ikke dette formatet seg for.
GIF leses av alle nettlesere og passer derfor godt på web. Når man
komprimerer til GIF får man såkalt tapsfri komprimering – det vil si at
filstørrelsen kan reduseres uten at den visuelle kvaliteten endres. GIF
støtter transparens (gjennomsiktighet, at man ikke får hvit bakgrunn).
Skal du skrive ut vil linjene ofte bli taggete, og prøver du å gjøre GIF’en
større reduseres kvaliteten.

Gif er hentet fra Wikipedia
JPEG/JPG og BMP
JPEG/JPG (Joint Photografic Experts Group) brukes ofte ved
lagring av digitale fotografier, spesielt hvis de skal brukes på
nettet. Komprimering til JPG gjør at du kan få veldig små filer,
men på den andre siden vil du få et kvalitetstap (du mister
informasjon i bildet). Tegninger med skarpe kanter og linjer bør
du derfor ikke komprimere til JPG, mens fotografier er godt
egnet (hvis det er bilder med mange farger og uten skarpe
kanter).
BMP (Bitmap eller Windows Bitmap) er et litt eldre format og
filstørrelsen vokser med størrelse på bilde og fargedybde – og
filene kan derfor bli veldig store. BMP har ingen komprimering
for å lage små formater (og derfor mister man heller ikke
bildeinformasjon og kvalitet når man lagrer). Det er derfor
spesielt viktig å tenke på å skalere størrelsen etter behov når
man bruker dette formatet.
PNG og TIFF
PNG (uttales ping – Portable Network Graphics) er også et
bitmap-format, og ligner derfor på GIF. PNG er på en måte
arvtakeren til GIF og brukes mye på nett, men har ikke mulighet
for animasjon. Siden PNG er bitmap er heller ikke dette det beste
formatet for avanserte bilder/fotografier. PNG tar større plass
enn JPG, men du mister ikke så mye informasjon (ikke så mye
tap i komprimering).
TIFF (tagged image file format) er et mer komplisert
bitmapformat enn PNG. Samtidig tar den stor plass og derfor lite
brukt på nett, nettopp på grunn av størrelsen på filene.TIFF er
det som har vært mest brukt når man scanner bilder og blir
mest brukt av mer avanserte bilderedigerere. TIFF kan både
håndtere punktgrafikkbilder og vektorbilder.
Komprimering av bilder
Det er to måter vi hovedsakelig tenker
komprimering – det ene er ved hvilket format
vi velger, det andre er ved å redusere
størrelsen (bildene er som regel mye større enn
det som er nødvendig).
Å redusere bildestørrelsen betyr ikke at vi
lager dem mindre eller større ved å dra i
hjørnene – det endrer bildeflaten, men
filstørrelsen endres ikke.
Hvordan komprimere bilder?
• Hvis man tar utgangspunkt i at man redigerer et bilde i f.eks. .tiff (fordi bildet
inneholder mye detaljer) kan du, når du er ferdig med redigeringen, f.eks.
velge «Lagre som» – og så velge et annet format, f.eks. å lagre bildet som en
.jpg. Du vil finne flere formatvalg i menyene –se f.eks. bildene under som er
hentet fra Paint. Paint er valgt fordi det er så enkelt og “alle” har det, men
slike muligheter finnes i alle bildebehandlingsprogram .
• Skal du endre skalering på bildet vil også filstørrelsen endre seg, i Paint gjør
man det ved «velg bilde – endre størrelse», og så endrer man prosent. Husk at
det må være samme reduksjon både i høyde og bredde for at du skal beholde
proporsjonene i bildet.
• Et annet tips i forhold til komprimering er å bruke pdf. Pdf (portable
document format) er kanskje noe vi mest tenker på i forhold til å lage ikkeredigerbare dokumenter, men dersom man har et dokument eller en
Powerpoint med mye bilder/grafikk kan det være en fordel å lage det om til
en pdf før man sender den som epost eller skal skrive ut – filstørrelsen blir
vesentlig mindre.
Forskjell i filstørrelser
Filstørrelse
Lagdelt
Tiff
Bmp
Png
Jpg
0

1000

2000

3000

Dette bildet er i utgangspunktet ikke spesielt «tungt», men gjennom å
lagre det i ulike formater kan man se hvordan filstørrelsen endrer seg.
Vanligvis vil tiff være større enn bmp selv om det ikke er tilfelle for
akkurat dette bildet.
Lagdelte bilder bruker man når man arbeider med avansert
bilderedigering – da deles bildet inn i ulike lag (layers) som kan
redigeres hver for seg (f.eks. bakgrunn, forgrunn).

4000

More Related Content

More from iktplan

Veiledning til kahoot om omvendt undervisning
Veiledning til kahoot om omvendt undervisningVeiledning til kahoot om omvendt undervisning
Veiledning til kahoot om omvendt undervisningiktplan
 
Sokefelt og sokemotorer
Sokefelt og sokemotorerSokefelt og sokemotorer
Sokefelt og sokemotoreriktplan
 
Kahoot sosiale medier
Kahoot sosiale medierKahoot sosiale medier
Kahoot sosiale medieriktplan
 
Kahoot kommunikasjon (survey)
Kahoot kommunikasjon (survey)Kahoot kommunikasjon (survey)
Kahoot kommunikasjon (survey)iktplan
 
Bruk av resultatene fra kartleggingen i kahoot
Bruk av resultatene fra kartleggingen i kahootBruk av resultatene fra kartleggingen i kahoot
Bruk av resultatene fra kartleggingen i kahootiktplan
 
Samarbeidslæring - Til kompetansepakke innholdsdel
Samarbeidslæring - Til kompetansepakke innholdsdelSamarbeidslæring - Til kompetansepakke innholdsdel
Samarbeidslæring - Til kompetansepakke innholdsdeliktplan
 
Digital dømmekraft - IKT-plan
Digital dømmekraft - IKT-planDigital dømmekraft - IKT-plan
Digital dømmekraft - IKT-planiktplan
 
Kahoot produksjon og opphavsrett (survey)
Kahoot produksjon og opphavsrett (survey)Kahoot produksjon og opphavsrett (survey)
Kahoot produksjon og opphavsrett (survey)iktplan
 
Kahoot søkeferdigheter (survey)
Kahoot søkeferdigheter (survey)Kahoot søkeferdigheter (survey)
Kahoot søkeferdigheter (survey)iktplan
 
Blogg norsk 10
Blogg norsk 10Blogg norsk 10
Blogg norsk 10iktplan
 
For og ettertest_tone_7_trinn
For og ettertest_tone_7_trinnFor og ettertest_tone_7_trinn
For og ettertest_tone_7_trinniktplan
 
For og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nn
For og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nnFor og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nn
For og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nniktplan
 
Lage gode-presentasjonar 7.kl_nn
Lage gode-presentasjonar 7.kl_nnLage gode-presentasjonar 7.kl_nn
Lage gode-presentasjonar 7.kl_nniktplan
 
Ulike biletformat og_komprimering 7.kl_nn
Ulike biletformat og_komprimering 7.kl_nnUlike biletformat og_komprimering 7.kl_nn
Ulike biletformat og_komprimering 7.kl_nniktplan
 
Opphavsrett multippel choice 7.kl_nn
Opphavsrett multippel choice 7.kl_nnOpphavsrett multippel choice 7.kl_nn
Opphavsrett multippel choice 7.kl_nniktplan
 
For og ettertest_malrettet_sok_7_trinn_nn
For og ettertest_malrettet_sok_7_trinn_nnFor og ettertest_malrettet_sok_7_trinn_nn
For og ettertest_malrettet_sok_7_trinn_nniktplan
 
Pa oppdagsferd 7.kl_nn
Pa oppdagsferd 7.kl_nnPa oppdagsferd 7.kl_nn
Pa oppdagsferd 7.kl_nniktplan
 
Lærarressurs epost 7.kl-nn
Lærarressurs epost 7.kl-nnLærarressurs epost 7.kl-nn
Lærarressurs epost 7.kl-nniktplan
 
For og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nn
For og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nnFor og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nn
For og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nniktplan
 
For og ettertest_sammensatt_tekst_10_trinn_nn
For og ettertest_sammensatt_tekst_10_trinn_nnFor og ettertest_sammensatt_tekst_10_trinn_nn
For og ettertest_sammensatt_tekst_10_trinn_nniktplan
 

More from iktplan (20)

Veiledning til kahoot om omvendt undervisning
Veiledning til kahoot om omvendt undervisningVeiledning til kahoot om omvendt undervisning
Veiledning til kahoot om omvendt undervisning
 
Sokefelt og sokemotorer
Sokefelt og sokemotorerSokefelt og sokemotorer
Sokefelt og sokemotorer
 
Kahoot sosiale medier
Kahoot sosiale medierKahoot sosiale medier
Kahoot sosiale medier
 
Kahoot kommunikasjon (survey)
Kahoot kommunikasjon (survey)Kahoot kommunikasjon (survey)
Kahoot kommunikasjon (survey)
 
Bruk av resultatene fra kartleggingen i kahoot
Bruk av resultatene fra kartleggingen i kahootBruk av resultatene fra kartleggingen i kahoot
Bruk av resultatene fra kartleggingen i kahoot
 
Samarbeidslæring - Til kompetansepakke innholdsdel
Samarbeidslæring - Til kompetansepakke innholdsdelSamarbeidslæring - Til kompetansepakke innholdsdel
Samarbeidslæring - Til kompetansepakke innholdsdel
 
Digital dømmekraft - IKT-plan
Digital dømmekraft - IKT-planDigital dømmekraft - IKT-plan
Digital dømmekraft - IKT-plan
 
Kahoot produksjon og opphavsrett (survey)
Kahoot produksjon og opphavsrett (survey)Kahoot produksjon og opphavsrett (survey)
Kahoot produksjon og opphavsrett (survey)
 
Kahoot søkeferdigheter (survey)
Kahoot søkeferdigheter (survey)Kahoot søkeferdigheter (survey)
Kahoot søkeferdigheter (survey)
 
Blogg norsk 10
Blogg norsk 10Blogg norsk 10
Blogg norsk 10
 
For og ettertest_tone_7_trinn
For og ettertest_tone_7_trinnFor og ettertest_tone_7_trinn
For og ettertest_tone_7_trinn
 
For og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nn
For og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nnFor og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nn
For og ettertest_sammensatt_tekst_med_lenket_innhold_7_trinn_nn
 
Lage gode-presentasjonar 7.kl_nn
Lage gode-presentasjonar 7.kl_nnLage gode-presentasjonar 7.kl_nn
Lage gode-presentasjonar 7.kl_nn
 
Ulike biletformat og_komprimering 7.kl_nn
Ulike biletformat og_komprimering 7.kl_nnUlike biletformat og_komprimering 7.kl_nn
Ulike biletformat og_komprimering 7.kl_nn
 
Opphavsrett multippel choice 7.kl_nn
Opphavsrett multippel choice 7.kl_nnOpphavsrett multippel choice 7.kl_nn
Opphavsrett multippel choice 7.kl_nn
 
For og ettertest_malrettet_sok_7_trinn_nn
For og ettertest_malrettet_sok_7_trinn_nnFor og ettertest_malrettet_sok_7_trinn_nn
For og ettertest_malrettet_sok_7_trinn_nn
 
Pa oppdagsferd 7.kl_nn
Pa oppdagsferd 7.kl_nnPa oppdagsferd 7.kl_nn
Pa oppdagsferd 7.kl_nn
 
Lærarressurs epost 7.kl-nn
Lærarressurs epost 7.kl-nnLærarressurs epost 7.kl-nn
Lærarressurs epost 7.kl-nn
 
For og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nn
For og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nnFor og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nn
For og ettertest_samarbeidsverktoy_og_presentasjon_7_trinn_nn
 
For og ettertest_sammensatt_tekst_10_trinn_nn
For og ettertest_sammensatt_tekst_10_trinn_nnFor og ettertest_sammensatt_tekst_10_trinn_nn
For og ettertest_sammensatt_tekst_10_trinn_nn
 

Ulike bildeformater og komprimering

  • 1. Ulike bildeformater og komprimering Ferdighet 7. trinn Produsere og bearbeide
  • 2. I korte trekk Det finnes mange ulike typer bildeformater, og man må kjenne til noen av dem for å gjøre gode valg når man skal lage ulike multimodale produkter. • Lagre foto som JPG eller PNG når du skal bruke dem på nett • Logo og enkle tegninger kan du lagre som GIF
  • 3. Det er to hovedtyper av bildeformater De to ulike hovedtypene av bildeformater er punktgrafikk (bitmap) og vektorgrafikk. • • Punktgrafikk baserer seg på et rutenett med en fargekode i hver rute - og derfor blir utydelig når de blir forstørret. Du har kanskje forsøkt å gjøre en gif større, men så har den bare blitt utydelig Vektorgrafikk er motstykket til punktgrafikk og skal kunne skaleres uten tap av kvalitet. Vektorgrafikk brukes derfor ofte i forbindelse med logoer, men egner seg dårlig til foto. De mest vanlige formatene for vektorgrafikk er .pdf, .eps, .wmf, .ai, .svg og .vml
  • 4. GIF – Graphics Interchange Format GIF er et bitmap-format. Enkle bilder som logo og grafikk passer godt som GIF. GIF brukes ofte i forbindelse med animasjoner. Når du ser enkle bilder med bevegelse i er dette som regel GIF (animated GIF) – slik som i eksempelet med glidelåsen nederst på sliden. GIF har en begrensning på farger, og foto egner derfor ikke dette formatet seg for. GIF leses av alle nettlesere og passer derfor godt på web. Når man komprimerer til GIF får man såkalt tapsfri komprimering – det vil si at filstørrelsen kan reduseres uten at den visuelle kvaliteten endres. GIF støtter transparens (gjennomsiktighet, at man ikke får hvit bakgrunn). Skal du skrive ut vil linjene ofte bli taggete, og prøver du å gjøre GIF’en større reduseres kvaliteten. Gif er hentet fra Wikipedia
  • 5. JPEG/JPG og BMP JPEG/JPG (Joint Photografic Experts Group) brukes ofte ved lagring av digitale fotografier, spesielt hvis de skal brukes på nettet. Komprimering til JPG gjør at du kan få veldig små filer, men på den andre siden vil du få et kvalitetstap (du mister informasjon i bildet). Tegninger med skarpe kanter og linjer bør du derfor ikke komprimere til JPG, mens fotografier er godt egnet (hvis det er bilder med mange farger og uten skarpe kanter). BMP (Bitmap eller Windows Bitmap) er et litt eldre format og filstørrelsen vokser med størrelse på bilde og fargedybde – og filene kan derfor bli veldig store. BMP har ingen komprimering for å lage små formater (og derfor mister man heller ikke bildeinformasjon og kvalitet når man lagrer). Det er derfor spesielt viktig å tenke på å skalere størrelsen etter behov når man bruker dette formatet.
  • 6. PNG og TIFF PNG (uttales ping – Portable Network Graphics) er også et bitmap-format, og ligner derfor på GIF. PNG er på en måte arvtakeren til GIF og brukes mye på nett, men har ikke mulighet for animasjon. Siden PNG er bitmap er heller ikke dette det beste formatet for avanserte bilder/fotografier. PNG tar større plass enn JPG, men du mister ikke så mye informasjon (ikke så mye tap i komprimering). TIFF (tagged image file format) er et mer komplisert bitmapformat enn PNG. Samtidig tar den stor plass og derfor lite brukt på nett, nettopp på grunn av størrelsen på filene.TIFF er det som har vært mest brukt når man scanner bilder og blir mest brukt av mer avanserte bilderedigerere. TIFF kan både håndtere punktgrafikkbilder og vektorbilder.
  • 7. Komprimering av bilder Det er to måter vi hovedsakelig tenker komprimering – det ene er ved hvilket format vi velger, det andre er ved å redusere størrelsen (bildene er som regel mye større enn det som er nødvendig). Å redusere bildestørrelsen betyr ikke at vi lager dem mindre eller større ved å dra i hjørnene – det endrer bildeflaten, men filstørrelsen endres ikke.
  • 8. Hvordan komprimere bilder? • Hvis man tar utgangspunkt i at man redigerer et bilde i f.eks. .tiff (fordi bildet inneholder mye detaljer) kan du, når du er ferdig med redigeringen, f.eks. velge «Lagre som» – og så velge et annet format, f.eks. å lagre bildet som en .jpg. Du vil finne flere formatvalg i menyene –se f.eks. bildene under som er hentet fra Paint. Paint er valgt fordi det er så enkelt og “alle” har det, men slike muligheter finnes i alle bildebehandlingsprogram . • Skal du endre skalering på bildet vil også filstørrelsen endre seg, i Paint gjør man det ved «velg bilde – endre størrelse», og så endrer man prosent. Husk at det må være samme reduksjon både i høyde og bredde for at du skal beholde proporsjonene i bildet. • Et annet tips i forhold til komprimering er å bruke pdf. Pdf (portable document format) er kanskje noe vi mest tenker på i forhold til å lage ikkeredigerbare dokumenter, men dersom man har et dokument eller en Powerpoint med mye bilder/grafikk kan det være en fordel å lage det om til en pdf før man sender den som epost eller skal skrive ut – filstørrelsen blir vesentlig mindre.
  • 9. Forskjell i filstørrelser Filstørrelse Lagdelt Tiff Bmp Png Jpg 0 1000 2000 3000 Dette bildet er i utgangspunktet ikke spesielt «tungt», men gjennom å lagre det i ulike formater kan man se hvordan filstørrelsen endrer seg. Vanligvis vil tiff være større enn bmp selv om det ikke er tilfelle for akkurat dette bildet. Lagdelte bilder bruker man når man arbeider med avansert bilderedigering – da deles bildet inn i ulike lag (layers) som kan redigeres hver for seg (f.eks. bakgrunn, forgrunn). 4000