Не грузятся картинки на сайте: от прав до горячих ссылок

Когда не грузятся картинки на сайте, причина видна в консоли браузера: нажмите F12, откройте вкладку Network, отфильтруйте по Img и обновите страницу. Код ответа напротив картинки укажет виновника: 404 - файл не найден (неверный путь или регистр в имени), 403 - сервер запрещает доступ (права или защита от горячих ссылок), пометка blocked - браузер заблокировал смешанный контент http на https-сайте. Ниже - разбор всех типовых причин и порядок починки.

Проверка без DevTools. Кликните правой кнопкой по пустому месту картинки и выберите «Открыть изображение в новой вкладке». Ответ сервера в новой вкладке сам скажет, что случилось: страница ошибки 404, запрет 403 или белый экран вместо файла.

Почему не грузятся картинки на сайте: 8 причин

Неверный путь - файл переместили или переименовали, а ссылки в страницах остались старые
Регистр в имени файла - на компьютере с Windows Photo.JPG и photo.jpg один файл, на Linux-сервере - два разных
Права на файлы - после переноса или восстановления из бэкапа папки получили неверные права
Смешанный контент - сайт на https, а картинки прописаны по http: браузер их молча блокирует
Защита от горячих ссылок - сервер отдаёт картинки только своему домену, и после смены домена правило ломает всё
Сломанная ленивая загрузка - скрипт lazy load не срабатывает, и картинки так и не подгружаются
Кончилось место на диске - новые изображения записались нулевыми файлами
Кириллица и пробелы в именах - часть серверов и сервисов спотыкается о нестандартные имена файлов

Диагностика по коду ответа сервера

Симптом	Причина	Решение
404 Not Found	Неверный путь или регистр имени	Восстановить файл или исправить ссылку
403 Forbidden	Права на файлы или hotlink-защита	Права 644 на файлы, 755 на папки; поправить исключения
Blocked: mixed content	Картинки по http на https-сайте	Заменить пути на https или относительные
Пустое место без ошибки	Сломана ленивая загрузка	Проверить или отключить скрипт lazy load
Новые картинки битые, старые целы	Кончилось место на диске	Почистить диск и перезалить файлы

Как починить картинки по шагам

Определите масштабОдна картинка - смотрите её путь. Целый раздел - общую папку. Весь сайт - права, диск, протокол и hotlink-защиту.
Откройте картинку напрямуюСкопируйте адрес файла в новую вкладку и действуйте по таблице выше: код ответа сужает поиск до одной причины.
Проверьте праваДля типового shared-хостинга: файлы 644, папки 755. Сбитые права - частое эхо переноса или восстановления из бэкапа.
Найдите http-ссылкиЕсли сайт переехал на https, абсолютные пути со старой схемой блокируются. Замена по базе делается скриптом за минуты.
Отключите оптимизаторыЛенивая загрузка, конвертеры WebP, CDN - выключайте по одному и проверяйте результат после каждого.
Загляните в панель хостингаСвободное место, квоты, логи ошибок: там видны отказы, которых не видно из браузера.

После переезда на https. Половина «пропавших картинок» - это смешанный контент: браузер молча блокирует ресурсы по http на защищённой странице и пишет об этом только в консоль. Проверьте шаблон и базу на абсолютные пути со схемой http и замените их разом, а не по одной.

Вернём картинки на место

Найдём причину по консоли и логам, починим права, пути и протокол, настроим бэкапы, чтобы файлы больше не терялись. Разово или в рамках поддержки.

Починить сайт

Как хранить картинки, чтобы они не пропадали

Три правила гигиены. Первое: имена файлов - латиницей, без пробелов и кириллицы. Второе: загружайте изображения через админку, а не напрямую по FTP - CMS создаст превью и пропишет пути правильно. Третье: проверьте, что бэкап включает папку с файлами: в 1С-Битрикс это /upload/, она весит десятки гигабайт, и урезанные бэкапы её часто пропускают - при аварии сайт восстановится без единой картинки.

И не вставляйте картинки «горячими ссылками» с чужих сайтов: владелец в любой момент удалит файл или заменит его чем-то неожиданным. Копируйте файлы к себе, в свою папку, под свои права. А если в шаблоне накопился зоопарк скриптов и стилей, наводить порядок лучше разовой доработкой сайта: заодно уйдут конфликты ленивой загрузки и лишние библиотеки.

Совет. Тяжёлые изображения - главный тормоз загрузки. Сожмите их и переведите в WebP: как это влияет на скорость и позиции, разобрали в статье про ускорение сайта, а проверить себя можно через PageSpeed Insights.

Частые вопросы о картинках на сайте

Картинки не грузятся только на телефоне - в чём дело?

Чаще всего: ленивая загрузка, которая не срабатывает на мобильном, режим экономии трафика или блокировщик в браузере. Проверьте с другого телефона и через мобильный интернет: если проблема массовая, смотрите скрипт lazy load.

После переноса сайта пропали все картинки - почему?

Не доехала папка с файлами: у Битрикс это /upload/, самая тяжёлая часть архива - выгрузка могла оборваться. Либо при распаковке сбились права. Сверьте размер папки на новом и старом серверах и проверьте права.

Я вижу картинки, а посетители нет - как такое возможно?

Ваш браузер показывает копии из кэша, а сервер файлы уже не отдаёт. Откройте сайт в режиме инкогнито или нажмите Ctrl+F5 - увидите сайт глазами нового посетителя.

Стоит ли выносить картинки на CDN?

Для крупных каталогов и широкой географии - да, ускоряет загрузку. Небольшому сайту в Беларуси CDN даёт скромный эффект, зато добавляет точку отказа: упал CDN - пропали картинки. Начните со сжатия и WebP.

Битые картинки кажутся мелочью, но именно по ним посетитель решает, что сайт заброшен. Если разбираться с правами, путями и протоколами некогда, передайте сайт на администрирование Alavir: следим за файлами, бэкапами и скоростью, чиним до того, как поломку заметят клиенты. Консультация бесплатная, смета за 1 день.