Welke afmeting moet ik gebruiken ?
Een webafbeelding bestaat uit pixels
Elk van de bestandsformaten die eerder genoemd zijn, zijn zogenaamde raster bestanden. Ze bestaan uit een een groot aantal puntjes, de pixels. Hieronder wordt een 500% vergroting naast de originele JPG afbeelding weergegeven, de individuele pixels zijn duidelijk te zien als hokjes.
Afmeting van een grafisch bestand in pixels
We zijn gewend afmetingen weer te geven in maten als centimeters. Dit is niet mogelijk met web graphics. Hoe groot een afbeelding wordt weergegeven hangt af van de grootte van de monitor van de website bezoeker en de resolutie van die monitor. Veel websites zijn 800 pixels of meer breed.
Een goede breedte voor een afbeelding is dus minimaal 50 tot maximaal 600 pixels.
Ter illustratie
Een 17 inch monitor die ingesteld staat op een resolutie van 1280x1024 pixels geeft een afbeelding van 300 pixels weer met een lengte van circa 8 centimeter.
Monitor resolutie 72 dpi
DPI (dots per inch, ofwel punten per 2,54cm) is een resolutie eenheid van de afbeelding. Afbeeldingen voor drukwerk zijn vaak 300 dpi of hoger en zijn relatief groot. Een monitor echter (gaat meestal tot 72 dpi) geeft deze hoge resolutie niet weer. Optimaliseer iedere afbeelding dus altijd naar 72 dpi daar deze resolutie resulteert in een kleinere bestandsgrootte en correct wordt getoond op vrijwel iedere monitor.