Upload
culturelestudies
View
343
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
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