Если вместо картинки на странице появляется битая иконка или пустой квадрат с alt-текстом, в 90% случаев дело в неправильном пути к файлу, регистре букв в имени или самом файле, который не загрузился на сервер целиком. Проверка занимает пару минут: достаточно открыть адрес картинки напрямую в браузере.
Как найти причину
Кликните правой кнопкой по месту, где должна быть картинка, выберите «Просмотреть код» и найдите атрибут src у тега img. Скопируйте значение и откройте его отдельной вкладкой браузера:
- Если браузер показывает ошибку 404 — файла нет по этому пути. Проверьте, не изменилось ли имя или расположение файла, и совпадает ли регистр букв (Linux-серверы различают заглавные и строчные).
- Если возвращается 403 — сервер запрещает доступ к файлу. Обычно это неверные права на папку с изображениями (нужны 644 для файлов, 755 для директорий) или защита от хотлинков в .htaccess.
- Если картинка открывается напрямую, но не показывается на странице — проблема в кэше браузера, CDN или самой вёрстке (например, элемент скрыт стилями display: none или перекрыт другим блоком).
Частые технические причины
Кроме пути и прав, изображение может не отображаться из-за:
- повреждённого файла — картинка загрузилась не полностью или была залита в неподдерживаемом формате (например, WebP без фолбэка для старых браузеров);
- относительного пути, который ломается при переносе страницы в другую папку — лучше использовать абсолютные пути от корня сайта;
- кэширующего плагина или CDN, который отдаёт старую версию страницы без новой картинки — поможет очистка кэша на сервере и в CDN;
- смешанного контента: страница на HTTPS, а картинка подключена по HTTP — браузер такие запросы блокирует.
Как исправить в WordPress
Если сайт на WordPress, зайдите в медиабиблиотеку и проверьте, существует ли файл там физически — иногда изображения удаляются из хранилища, но остаются в базе данных. Пересохраните запись с картинкой заново, отключите кэширующий плагин на время проверки и убедитесь, что в настройках сайта («Настройки» → «Общие») указан правильный адрес сайта без опечаток — расхождение в URL часто ломает пути ко всем медиафайлам разом.