Beeldformaten

BeeldformatenImage File Formats

Beeldformaten

TIFFTagged Image File Format Bronbestand,

moederbestand. Doel:• archiveren• drukwerk

Flexibel: Lossless/Lossy/... Groot bestand Kan niet in een browser

getoond worden.

TIFF wordt voor drukwerk gebruikt( http://www.kevinbanks.com/d_3.html)

Beeldformaten

GIF Graphical Interchange Format

Lossless Kleurenpalet bevat

maximaal 256 kleuren

Transparantie mogelijk.http://www.symynet.com/web_design/iac/graphics-files.htm

Eenvoudige animatie mogelijkhttp://www.manataka.org/images/st_patricks_day_animated_gif_1.gif

BeeldformatenJPG

Joint Photographic Experts Group

Lossy compressie mogelijk.

Wordt het vaakst gebruikt voor foto’s.

Beeldformaten

GIF versus JPG GIF, 21 KB,

16 kleuren

JPG, 10 KB, hoge compressie

ideaal voor lijntekeningen, tekst, grafieken= scherpe overgangen, kleurvlakken

ideaal voor foto’s, textuur, schakeringen, veelkleurige beelden

Beeldformaten

GIF versus JPG

ideaal voor lijntekeningen, tekst, grafieken= scherpe overgangen, kleurvlakken

ideaal voor foto’s, textuur, schakeringen, veelkleurige beelden

Beeldformaten

Gif: pixel art

http://www.derekyu.com/

http://hello.eboy.com

BeeldformatenPNG

Portable Network Graphics

Recent ontworpen als opvolger van GIF

Voordelen:• Geen patent op de technologie• Graduele transparantie mogelijk• Miljoenen kleuren mogelijk

Nadeel (><GIF)• Geen animatie• Geen ondersteuning in oudere browsers.

(IE 6 en ouder geven de transparante delen van een PNG grijs weer.)

graduele transparantie op achtergrond met schaakbordpatroon(Leopold von Ranke - J. Schrader, 1868)

Beeldformaten

Raster versus Vector

Raster of bitmap:

tiff, gif, jpg en png

Vector, geometrische omschrijving:

SVG, FlashTM

http://www.library.cornell.edu/preservation/tutorial/intro/intro-01.html http://www.heathrowe.com/tuts/vector.asp

Beeldformaten

Anti-aliasing

randen van een afbeelding verzachten door ze visueel in de achtergrond te laten overvloeien

http://www.webmonkey.com/tutorial/Web_Typography_Tutorial_-_Lesson_2

Beeldformaten

Bestandsgrootte

Hoogte en breedte in pixels

bit depth=aantal bits per pixel

dots per inch=het aantal pixels per

formule:File Size in byte = (height x width x bit depth x dpi2) / 8