Как определя браузърът резолюцията на изображението преди да го покаже?

Браузърът определя резолюцията на изображението, като анализира метаданните на файла и неговите реални размери в пиксели. При зареждане на изображението, браузърът чете заглавките на файла (например, във формат JPEG, PNG) и извлича информация за ширината и височината в пиксели. Тези данни се използват за заделяне на място за изображението на страницата преди неговото пълно зареждане, което помага да се избегнат измествания на съдържанието.

Освен това, CSS стиловете и HTML атрибутите (например, width и height) могат да влияят на показания размер, но първоначалното разрешение се определя от данните на файла. Ако изображението се мащабира, браузърът го настройва към зададените размери, като запазва или променя пропорциите.