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:
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.