Когда вместо изображения в браузере отображается значок «разорванной картинки» или пустая рамка, первое действие — открыть инструменты разработчика (клавиша F12 в большинстве браузеров), перейти на вкладку Network, обновить страницу и посмотреть, какой HTTP-код возвращает запрос картинки: 404 означает, что файл не найден по указанному пути, 403 — что доступ к нему запрещён, а отсутствие запроса вовсе указывает на проблему в разметке или блокировщике.
Проблема «не работает картинка» имеет несколько совершенно разных сценариев: изображение не грузится на конкретном сайте, не открывается локальный файл, пропали картинки во всех браузерах сразу или перестала отображаться графика после вмешательства в код страницы. Каждый случай диагностируется по-своему, и в этой статье мы разберём их от простых проверок к более глубоким.
Быстрая диагностика: где именно теряется изображение
Прежде чем что-либо менять, определите масштаб проблемы. Откройте ту же страницу в другом браузере или на другом устройстве. Если картинка работает везде, кроме одного браузера, — причина локальная: кэш, расширения или настройки. Если изображение не отображается нигде, проблема почти наверняка на стороне сервера или файла.
Полезно также кликнуть правой кнопкой по области, где должна быть картинка, и выбрать пункт вроде «Открыть изображение в новой вкладке». Результат сразу покажет, жив ли файл: либо откроется само изображение, либо страница ошибки с конкретным кодом.
- 🔍 Проверьте ту же картинку в другом браузере и на другом устройстве
- 🌐 Откройте прямую ссылку на изображение в новой вкладке
- 🧭 Посмотрите HTTP-код ответа на вкладке Network в инструментах разработчика
- 🖥️ Убедитесь, что проблема не в интернет-соединении: другие ресурсы грузятся нормально
Локализация — половина решения: сначала выясните, проблема в браузере, в файле или на сервере, и только потом чините.