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

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

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