Если вместо картинок на странице сайта видны серые иконки с крестиком или пустые рамки, причина почти всегда одна из трёх: неверный путь к файлу, проблема с хостингом изображений (CDN, внешний сервер) или блокировка загрузки в самом браузере. Проверить это можно за пару минут, не трогая код.
Как быстро проверить, в чём дело
Откройте страницу и нажмите правой кнопкой мыши на пустое место вместо картинки — выберите «Открыть изображение в новой вкладке». Если браузер показывает ошибку 404, файл действительно отсутствует или путь к нему указан неверно. Если открывается ошибка сервера (500, 502, 503) или вкладка долго висит — проблема на стороне хостинга или CDN, который отдаёт изображения. Полезно также открыть консоль разработчика (F12, вкладка Network) и обновить страницу: там видно, какие запросы к картинкам завершаются с ошибкой и с каким кодом.
Частые причины
- Опечатка в пути к файлу или неверный регистр букв в имени (index.jpg вместо Index.jpg на Linux-хостинге, где регистр важен).
- Картинка хранится на другом домене или CDN, и этот сервер сейчас недоступен или заблокирован провайдером.
- Файл действительно удалён с сервера, а ссылка на него в HTML осталась.
- Настроен hotlink-protection — сервер запрещает показывать изображения при обращении с чужого домена.
- Блокировщик рекламы или расширение браузера ошибочно скрывает картинки по маске в названии файла.
Как исправить
Если дело в пути — сверьте адрес картинки в коде страницы (атрибут src) с реальным расположением файла на сервере через FTP или файловый менеджер хостинга. Если изображения отдаются с внешнего CDN, проверьте его статус напрямую, открыв ссылку на картинку отдельно: недоступность CDN обычно временная и решается на стороне провайдера. При подозрении на блокировщик рекламы отключите расширения и обновите страницу в режиме инкогнито — если картинки появились, дело в них. Если файлы были случайно удалены, восстановите их из резервной копии сайта; регулярный бэкап медиафайлов избавляет от таких ситуаций в будущем.
Если проблема массовая и картинки не грузятся сразу у многих посетителей, а не только у вас, — сначала проверьте доступность самого хостинга или CDN, прежде чем искать ошибку в коде.