6. Grafik på siden

Det er muligt at indsætte grafik/billeder i et HTML dokument, hvis det er enten i GIF eller JPEG format. GIF og JPEG er 2 forskellige kompressionsformater, som ikke fylder særlig meget i forhold til et ukomprimeret billede. GIF er et 8-bit farve format, dvs. GIF billeder kan kun bestå af 256 farver, hvorimod JPEG er et 24-bit format, dvs. det kan bestå af op til ca. 16 millioner farver ! GIF har så den fordel, at det er muligt at lave transparent GIF, dvs. et billede hvor en del er gennemsigtig, og animeret GIF, dvs. et stykke grafik med bevægelse. JPEG har den fordel at kvaliteten er bedre, plus JPEG komprimerer bedre, så det fylder altså mindre. Det kan så lige nævnes, som en sidebemærkning, at Microsoft Internet Explorer også godtager BMP (bitmap) billeder i HTML dokumenter.
Du skal bruge specielle programmer, hvis du vil gemme grafik i GIF og JPEG format, det samme gælder for animeret GIF. Du kan finde links til gode programmer under Links ude til venstre.

Et eksempel på indsættelse af billede, plus koden som indsætter det:

<img src="ansigt.gif" width="57" height="67" border="0">
Det man skal være opmærksom på når man indsætter et billede, er bredden og højden på billedet, altså width="bredde i pixels" og height="højde i pixels", hvis man vælger ikke at definere højde og bredde, så vil browseren være en smule længere tid om at hente billedet. Border="0" betyder at man sætter rammen rundt om billedet til at være 0 pixels bred, dvs. ingen ramme. Man kan sætte den til 1 eller mere, og man vil så få en ramme rundt om billedet.
Som du kan se på navnet "ansigt.gif", så er billedet i dette tilfælde i formatet GIF.