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

Браузер определяет размер изображения несколькими способами: 1. Из атрибутов HTML (`width` и `height`): ```html ``` 2. Из CSS-стилей: ```css img { width: 100%; max-width: 600px; } ``` 3. Из внутренних метаданных самого файла изображения (EXIF, PNG IHDR и др.) 4. Если размеры не указаны, браузер загружает изображение и определяет его натуральные размеры (naturalWidth/naturalHeight) Важно: современные браузеры используют атрибуты width/height для резервирования места (aspect ratio) до загрузки изображения, что предотвращает layout shift. Рекомендуется всегда указывать эти атрибуты: ```html ```