Ako prehliadač určuje rozlíšenie obrázka pred jeho zobrazením?

Prehliadač určuje rozlíšenie obrázka analýzou metadát súboru a jeho skutočných rozmerov v pixeloch. Pri načítaní obrázka prehliadač číta hlavičky súboru (napríklad vo formáte JPEG, PNG) a extrahuje informácie o šírke a výške v pixeloch. Tieto údaje sa používajú na rezerváciu miesta pre obrázok na stránke pred jeho úplným načítaním, čo pomáha predchádzať posunom obsahu.

Okrem toho môžu štýly CSS a atribúty HTML (napríklad width a height) ovplyvniť zobrazenú veľkosť, ale pôvodné rozlíšenie je určené z dát súboru. Ak je obrázok škálovaný, prehliadač ho prispôsobí zadaným rozmerom, pričom zachová alebo mení pomery.