Een afbeelding of illustratie is meestal een visuele toelichting bij een verhaal, een beschrijving of bewerking, bijvoorbeeld een tekening, grafiek of foto. (nl.wikipedia.org/wiki/afbeelding)

Om een afbeelding op een website te plaatsen, moet die digitaal gemaakt worden: met een digitale computer, met een computer getekend of ingescand.

Er zijn twee manieren om een afbeelding digitaal op te slaan:

1. Rasterafbeelding of bitmapbeeld: de computer deelt de afbeelding op in vakjes en vult elk 'vak' met een kleur. Een rasteradbeelding kan je niet vergroten omdat het rooster dan zichtbaar wordt. De meeste foto's zijn rasterafbeeldingen. The GIMP is een voorbeeld van een programma om rasterafbeeldingen te verwerken.
2. Vectorafbeelding: deze afbeelding wordt via wiskundige formules beschreven: punten, lijnen, krommen, ... Het voordeel is dat je een afbeelding in het oneindige kan vergroten en manipuleren. De meeste afbeeldingen die met de computer getekend worden, zijn vectorieel ontworpen: logo's, grafieken, cartoons, ... Sommige grote merken laten ook hun belangrijkste foto's vectorieel overtekenen: je kan ze dan gemakkelijk in een 3d-afbeelding opnemen, of opblazen voor een billboard. Inkscape is een voorbeeld van een programma om vectorafbeeldingen te verwerken.

Online afbeeldingen staan op webruimte die voor een website gebruikt wordt. De code van zo'n website vertelt je browser welke afbeelding op het scherm getoond moet worden (zie ook "wat is een website?"). Dit betekent dus dat elke afbeelding van de webruimte op een server door een netwerkkabel naar je computer gehaald wordt. Om die verzending van informatie vlot te laten gebeuren, is het belangrijk dat je foto's zo weinig mogelijk geheugen innemen. Als basisregel kan je stellen dat een webpagina maximaal 100KB aan prentjes mag bevatten.