Что нужно сделать для получения картинки по HTTP

Для получения картинки по HTTP можно использовать несколько подходов: 1. **Тег `` в HTML** ```html ``` 2. **Fetch API** (если нужен контроль над загрузкой): ```javascript fetch('https://example.com/image.jpg') .then(response => response.blob()) .then(blob => { const imgUrl = URL.createObjectURL(blob); const img = document.createElement('img'); img.src = imgUrl; document.body.appendChild(img); }); ``` 3. **XMLHttpRequest** (устаревший способ): ```javascript const xhr = new XMLHttpRequest(); xhr.open('GET', 'https://example.com/image.jpg', true); xhr.responseType = 'blob'; xhr.onload = function() { const imgUrl = URL.createObjectURL(this.response); // Использование картинки }; xhr.send(); ``` **Важные моменты:** - Проверяйте CORS-политики сервера - Обрабатывайте ошибки загрузки - Для больших изображений используйте lazy loading (`loading="lazy"`) - Оптимизируйте размеры изображений для быстрой загрузки