Если картинки на сайте не отображаются, а вместо них видны «битые» значки или пустые рамки, причина почти всегда одна из четырёх: неверный путь к файлу, отсутствие самого файла на сервере, проблема с правами доступа или блокировка со стороны браузера/CDN. Начинать проверку стоит именно в этом порядке.
Как проверить, где именно проблема
Откройте страницу и через контекстное меню браузера выберите «Открыть изображение в новой вкладке» (или посмотрите адрес картинки в инструментах разработчика, вкладка Network). Если браузер выдаёт ошибку 404 — файла нет по указанному пути. Если ошибку 403 — сервер запрещает доступ к файлу. Если картинка открывается напрямую, но не показывается на странице — дело в вёрстке или CSS.
- 404 (Not Found) — неверный путь, файл удалён или переименован
- 403 (Forbidden) — не хватает прав на чтение файла или папки
- Картинка грузится вечно или обрывается — проблема на стороне хостинга или CDN
- Файл открывается отдельно, но не на странице — ошибка в HTML/CSS (например, неправильный атрибут src или display:none)
Что делать при ошибке 404
Проверьте регистр букв в имени файла и папках — на Linux-серверах «Photo.jpg» и «photo.jpg» это разные файлы. Убедитесь, что путь в атрибуте src совпадает с реальным расположением файла на сервере: относительные пути (../images/pic.jpg) часто ломаются при переносе страницы в другую директорию. Если сайт на CMS, проверьте, не изменился ли адрес медиабиблиотеки после переезда на новый домен или хостинг — в этом случае старые ссылки в базе данных продолжают указывать на прежний адрес.
Что делать при ошибке 403 или пустой загрузке
Проверьте права доступа к папке с изображениями — для большинства хостингов это 755 для директорий и 644 для файлов. Если картинки раздаются через CDN, проверьте, не заблокирован ли домен CDN в настройках или не истёк ли срок действия SSL-сертификата — тогда браузер может тихо отказываться грузить содержимое. Также стоит очистить кэш сайта и браузера: иногда сервер уже отдаёт исправленный файл, а браузер продолжает показывать старую, сломанную версию из кэша.
Если ничего не помогло
Проверьте консоль разработчика (F12 → вкладка Console) на наличие ошибок CORS — иногда изображения с другого домена блокируются политикой безопасности браузера. Если сайт работает через CDN или прокси-сервер, попробуйте временно отключить кэширование на их стороне, чтобы исключить их влияние. Когда причину найти не удаётся самостоятельно, стоит обратиться в поддержку хостинга — часто проблема связана с настройками сервера, которые не видны через обычный доступ по FTP.