Illustraties in webpagina's

Je neemt een illustratie op in een pagina met de volgende HTML code:

<img src="padnaarhetbestand.gif" border="(randdikte_in_pixels)">

Over het algemeen bestaan er twee soorten beelden op computer:

• bitmaps: beelden die pixel per pixel gedefinieerd zijn
  Het computerscherm is ingedeeld in een aantal pixels (rechthoekjes), afhankelijk van de scherminstellingen. Zo is 800 op 600 pixels een mogelijke schermresolutie. In dat geval is het scherm ingedeeld in 240.000 rechthoekjes.
  Voordeel is dat het beeld overeenkomt met de weergave.
  Nadeel is dat het bestand zeer groot kan worden, en dat bij vergroten de rechthoekjes zichtbaar worden.
• metafiles: beelden die gefinieerd zijn als geometrische objecten
  Voordeel is dat beelden naar believen kunnen vergroot en verkleind worden.
  Nadeel is dat dit soort beelden niet ondersteund wordt door browsers.

Op Internet gebruikt men gecomprimeerde bitmaps in één van de volgende bestandsindelingen:

• GIF
• JPEG
• PNG

De bestandsgrootte is niet gelijk. Probeer elk van de drie bestandsindelingen om te weten te komen welke bestandsindeling de meest efficiënte verhouding weergavekwaliteit / bestandsgrootte oplevert. Onthoud echter dat transparantie en animatie alleen door GIF ondersteund wordt.

Als je illustraties wil maken voor je webpagina kan je gebruik maken van:

• Openoffice, QV om illustraties te maken
• IrfanView om bitmaps (bv. gemaakt in Paint) naar GIF of JPEG te converteren
• ZPaint om beelden te maken met 3D effecten
• Novamatic om effecten aan je beelden toe te voegen
• SplitImage om een beeld onder te verdelen in aparte cellen.

[Webweven index] - [Copyright]