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

Кроме того, CSS-стили и атрибуты HTML (например, width и height) могут влиять на отображаемый размер, но исходное разрешение определяется из данных файла. Если изображение масштабируется, браузер подгоняет его под заданные размеры, сохраняя или изменяя пропорции.

Каким образом браузер определяет разрешение изображения перед его отображением?