Що станеться, якщо зображення не знайдено за вказаним шляхом?

Якщо браузер не може знайти зображення за шляхом, вказаним в атрибуті src, він не завершить завантаження і виконає резервну поведінку:

---

#1. Браузер спробує завантажити зображення

Він надішле HTTP-запит за адресою, вказаною в src:

Якщо сервер відповість помилкою (наприклад, 404 Not Found, 403 Forbidden, 500 Internal Server Error) або файл фізично відсутній, браузер не зможе відобразити картинку.

---

#2. Відображається «зламане зображення»

Замість картинки браузер показує порожній простір або іконку помилки: зазвичай маленький значок із хрестиком, розірваним файлом або написом «image not found». Візуально це виглядає так: такий значок або порожнє місце з контуром.

---

#3. Якщо заданий атрибут alt, показується його текст

Якщо в елементі <img> є атрибут alt, браузер виведе цей текст на місці недоступного зображення:

На екрані з'явиться:

Користь:

• користувач розуміє, що там мало бути зображення;
• екранні диктори можуть озвучити цей текст;
• пошукові системи враховують alt під час індексації.

---

#4. Приклад без alt

Якщо файл не знайдено, користувач побачить порожнє місце або значок помилки, але не зрозуміє, що там мало бути.

---

#5. Поведінка за різних видів помилок

• Якщо шлях неправильний → браузер не може знайти ресурс.
• Якщо формат пошкоджений → браузер не може декодувати зображення.
• Якщо сервер недоступний → завантаження «зависає» і потім переривається.

У всіх випадках візуальний результат один: зображення не відображається, і використовується alt (якщо є).

---

#Підсумок:

---

Простими словами: якщо браузер не знайшов картинку, він показує нічого або значок помилки, а якщо ти додав alt, то виведе твій текст замість зображення.