1. Introduksjonskurs i
web design 4.0
JPG vs PNG vs GIF
Animasjon Are Sleveland
Bannerproduksjon VJU Brand and Business Innovation
2.
3.
4. Hexadesimaler
# Definerer at dette er farge
0 Definerer rødfarge
R Tilsvarer RGB-verdien 3
3
#0369CF 6 Definerer grønnfarge
G Tilsvarer RGB-verdien 105
9
C Definerer blåfarge
B Tilsvarer RGB-verdien 207
F
9. JPG (Joint Photographic Experts Group)
Mest brukte format. God komprimeringsevne med 24-bit.
Reduserer filstørrelse ved å fjerne piksler i bildet.
JPG er et lossy format. Kvaliteten i bildet blir dårligere. Bildet taper
ytterlig kvalitet for hver gang det lagres. Behold alltid original.
Egner seg spesielt dårlig for typografi og bilder med skarpe kanter
Egner seg best for RGB bilder. Gråskala bilder komprimeres
ikke like bra
10. GIF (Graphics Interchange Format)
Et lossless format med høy komprimeringsevne.
Komprimerer kun bilder i 8-bit, som betyr at det tar utgangspunkt i
fargepalett på 256 farger.
Egner seg bra for gråskala bilder da disse alltid er 8-bit.
Egner seg bra for typografi og grafikk (vektor)
GIF kan lagres med transparent bakgrunn
GIF kan animeres!
11. PNG (Portable Network Graphics)
Et alternativ til GIF med samme lossless kompresjonen.
Komprimere i 8-bit og 24-bit (som JPG)
PNG kan lagres med transparent bakgrunn
Gamle nettlesere kan ikke vise PNG filer
Filstørrelsen er stor etter komprimering
12.
13. Oppsummering
PNG er et godt valg for bilder med transparent bakgrunn og små
bildefiler. Store bilder kan bli tunge.
GIF er et gammelt filformat og kan vanskelig konkurrere med de
andre. Brukes ved animasjoner og små 8-bits bilder.
JPG er det mest foretrukne formatet for foto. Men vær forsiktig med å
komprimere flere ganger da kvaliteten blir dårligere.
15. Konklusjon
Bruk JPG på fotografier med mye informasjon og gradienter.
Bruk PNG på transparente bilder, logoer, vektorgrafikk og bilder
med harde linjer og
Ikke bruke GIF, til annet enn animasjoner.