🖼️ Картинка не отображается

Пример сломанного изображения и способы починить

Изображение не загружено

❌ Картинка не найдена: images/photo.jpg (файл отсутствует или путь неверный)

🔍 Почему не показывается?
В коде указан путь src="images/photo.jpg", но браузер не может найти этот файл. Причины:

файл photo.jpg отсутствует в папке images;
папка images лежит не рядом с HTML-файлом;
опечатка в имени файла или расширении (.jpg vs .jpeg);
картинка находится в другой папке (например, img/, assets/);
ссылка на внешний ресурс устарела или заблокирована.

✅ Как исправить:

            <!-- Было (не работает) -->
            <img src="images/photo.jpg" alt="Фото">

            <!-- Стало (работает, если файл лежит рядом с HTML) -->
            <img src="photo.jpg" alt="Фото">

            <!-- Или правильный путь к папке с картинками -->
            <img src="./img/photo.jpg" alt="Фото">
        

💡

Проверьте в DevTools (F12) → вкладка Network → статус запроса картинки. Если 404 — файл не найден. Если 200, но не видно — возможно, проблема в CSS (размеры, прозрачность) или в самом файле.

alt текст показывается, когда изображение недоступно — это нормальное поведение браузера.