Hoe bepaalt de browser de resolutie van een afbeelding voordat deze wordt weergegeven?

De browser bepaalt de resolutie van de afbeelding door de metadata van het bestand en de feitelijke afmetingen in pixels te analyseren. Bij het laden van de afbeelding leest de browser de kopteksten van het bestand (bijvoorbeeld in JPEG-, PNG-formaat) en haalt informatie over de breedte en hoogte in pixels. Deze gegevens worden gebruikt om ruimte voor de afbeelding op de pagina te reserveren voordat deze volledig is geladen, wat helpt om inhoudsverschuivingen te voorkomen.

Daarnaast kunnen CSS-stijlen en HTML-attributen (bijvoorbeeld width en height) de weergegeven grootte beïnvloeden, maar de oorspronkelijke resolutie wordt bepaald uit de bestandsgegevens. Als de afbeelding wordt geschaald, past de browser deze aan de opgegeven afmetingen aan, waarbij de verhoudingen behouden of gewijzigd kunnen worden.