Как браузер понимает что нужно получить картинку на сервере

Браузер определяет необходимость загрузки изображения по HTML-разметке или CSS. Основные способы: 1. **HTML тег ``**: ```html ``` Браузер видит атрибут `src` и отправляет GET-запрос на указанный URL. 2. **CSS свойства**: ```css .background { background-image: url('bg-image.jpg'); } ``` При парсинге CSS браузер обнаруживает `url()` и загружает ресурс. 3. **JavaScript динамическое создание**: ```js const img = new Image(); img.src = 'dynamic-image.png'; document.body.appendChild(img); ``` Браузер начинает загрузку: 1. Разбирает HTML/CSS/JS 2. Находит ссылки на изображения 3. Проверяет кеш (если есть `Cache-Control`/`ETag`) 4. Если нет в кеше - отправляет HTTP-запрос 5. Получает ответ (200, 304 и т.д.) 6. Рендерит изображение после загрузки Оптимизации: lazy loading, srcset для адаптивных изображений, preload для критичных ресурсов.