Tagarchief: vectorafbeeldingen

Handboek HTML5 & CSS3: bitmaps en vectorafbeeldingen

Handboek HTML5 en CSS3Het boek van de maand september is het Handboek HTML5 & CSS3, waarvan net de 4e bijgewerkte editie is verschenen. Deze maand publiceren we op dit blog een aantal voorproefjes uit deze 4e editie van dit Handboek HTML5 en CSS3. Dit voorproefje behandelt de soorten afbeeldingen die je in webpagina’s kunt gebruiken: bitmaps en vectorafbeeldingen. Een interview met Peter Doolaard vind je HIER. De twee andere voorproefjes uit het boek HIER en HIER.(H.F.)

Soorten afbeeldingen

Met behulp van CSS kan tekst fraai worden opgemaakt, maar desondanks is een webpagina zonder afbeeldingen bijna ondenkbaar. Al is het maar een logo. Op een webpagina kunt u diverse, maar niet alle typen afbeeldingen gebruiken. Globaal zijn er twee mogelijkheden: bitmaps en vectorafbeeldingen.

Bitmaps

Een bitmap of rasterafbeelding is opgebouwd uit pixels, beeldpunten. Het aantal pixels bepaalt hoe groot een afbeelding kan worden getoond, of beter: tot welke grootte de afbeelding er nog mooi uitziet. Een kleine bitmap die u groot laat weergeven krijgt kartelranden en ziet er niet uit. Dat komt doordat de pixels moeten worden vergroot om de gewenste ruimte op te vullen. Het is daarom belangrijk dat een foto voldoende pixels heeft voor de gewenste weergave. Op een beeldscherm is dat in het algemeen eenvoudig te bepalen. In de eigenschappen van de afbeelding ziet u hoeveel pixels er in de hoogte en breedte beschikbaar zijn en met die afmetingen kan de foto zonder problemen worden getoond. Het wordt een ander verhaal als u de gebruiker de mogelijkheid wilt bieden om het beeld in hoge kwaliteit af te drukken, want dan moet u ook rekening houden met de afdrukresolutie.
Lees verder Handboek HTML5 & CSS3: bitmaps en vectorafbeeldingen