Your SlideShare is downloading. ×
0
Beeldformaten Image File Formats
TIFF Tagged Image File Format <ul><li>Bronbestand, moederbestand. Doel: </li></ul><ul><ul><li>archiveren </li></ul></ul><u...
GIF  Graphical Interchange Format <ul><li>Lossless </li></ul><ul><li>Kleurenpalet bevat maximaal 256 kleuren </li></ul><ul...
JPG Joint Photographic Experts Group <ul><li>Lossy  compressie mogelijk. </li></ul><ul><li>Wordt het vaakst gebruikt voor ...
GIF versus JPG <ul><li>GIF, 21 KB,  16 kleuren </li></ul><ul><li>JPG, 10 KB,  hoge compressie </li></ul>ideaal voor lijnte...
GIF versus JPG ideaal voor lijntekeningen, tekst, grafieken = scherpe overgangen, kleurvlakken ideaal voor foto’s, textuur...
Gif: pixel art http://www.derekyu.com/ http://hello.eboy.com
PNG Portable Network Graphics <ul><li>Recent ontworpen als opvolger van GIF </li></ul><ul><li>Voordelen: </li></ul><ul><ul...
Raster versus Vector <ul><li>Raster of bitmap: </li></ul><ul><li>tiff, gif, jpg en png </li></ul><ul><li>Vector, geometris...
Anti-aliasing <ul><li>randen van een afbeelding verzachten door ze visueel in de achtergrond te laten overvloeien </li></u...
Bestandsgrootte <ul><li>Hoogte en breedte in pixels </li></ul><ul><li>bit depth = aantal bits per pixel </li></ul><ul><li>...
Upcoming SlideShare
Loading in...5
×

Beeldformaten

365

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
365
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Beeldformaten"

  1. 1. Beeldformaten Image File Formats
  2. 2. TIFF Tagged Image File Format <ul><li>Bronbestand, moederbestand. Doel: </li></ul><ul><ul><li>archiveren </li></ul></ul><ul><ul><li>drukwerk </li></ul></ul><ul><li>Flexibel: Lossless/Lossy/... </li></ul><ul><li>Groot bestand </li></ul><ul><li>Kan niet in een browser getoond worden. </li></ul>TIFF wordt voor drukwerk gebruikt ( http://www.kevinbanks.com/d_3.html )
  3. 3. GIF Graphical Interchange Format <ul><li>Lossless </li></ul><ul><li>Kleurenpalet bevat maximaal 256 kleuren </li></ul><ul><li>Transparantie mogelijk. http://www.symynet.com/web_design/iac/graphics-files.htm </li></ul><ul><li>Eenvoudige animatie mogelijk http://www.manataka.org/images/st_patricks_day_animated_gif_1.gif </li></ul>
  4. 4. JPG Joint Photographic Experts Group <ul><li>Lossy compressie mogelijk. </li></ul><ul><li>Wordt het vaakst gebruikt voor foto’s. </li></ul>
  5. 5. GIF versus JPG <ul><li>GIF, 21 KB, 16 kleuren </li></ul><ul><li>JPG, 10 KB, hoge compressie </li></ul>ideaal voor lijntekeningen, tekst, grafieken = scherpe overgangen, kleurvlakken ideaal voor foto’s, textuur, schakeringen, veelkleurige beelden
  6. 6. GIF versus JPG ideaal voor lijntekeningen, tekst, grafieken = scherpe overgangen, kleurvlakken ideaal voor foto’s, textuur, schakeringen, veelkleurige beelden
  7. 7. Gif: pixel art http://www.derekyu.com/ http://hello.eboy.com
  8. 8. PNG Portable Network Graphics <ul><li>Recent ontworpen als opvolger van GIF </li></ul><ul><li>Voordelen: </li></ul><ul><ul><li>Geen patent op de technologie </li></ul></ul><ul><ul><li>Graduele transparantie mogelijk </li></ul></ul><ul><ul><li>Miljoenen kleuren mogelijk </li></ul></ul><ul><li>Nadeel (><GIF) </li></ul><ul><ul><li>Geen animatie </li></ul></ul><ul><ul><li>Geen ondersteuning in oudere browsers. (IE 6 en ouder geven de transparante delen van een PNG grijs weer.) </li></ul></ul>graduele transparantie op achtergrond met schaakbordpatroon ( Leopold von Ranke - J. Schrader, 1868 )
  9. 9. Raster versus Vector <ul><li>Raster of bitmap: </li></ul><ul><li>tiff, gif, jpg en png </li></ul><ul><li>Vector, geometrische omschrijving: </li></ul><ul><li>SVG, Flash TM </li></ul>http://www.library.cornell.edu/preservation/tutorial/intro/intro-01.html http://www.heathrowe.com/tuts/vector.asp
  10. 10. Anti-aliasing <ul><li>randen van een afbeelding verzachten door ze visueel in de achtergrond te laten overvloeien </li></ul>http://www.webmonkey.com/tutorial/Web_Typography_Tutorial_-_Lesson_2
  11. 11. Bestandsgrootte <ul><li>Hoogte en breedte in pixels </li></ul><ul><li>bit depth = aantal bits per pixel </li></ul><ul><li>dots per inch = het aantal pixels per </li></ul><ul><li>formule: </li></ul>File Size in byte = (height x width x bit depth x dpi 2 ) / 8
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×