Адрес и файл
Сверяем src и srcset, относительные пути, регистр букв, расширение и фактическое расположение файла после переноса.
Контент и сервер
Не загружаются картинки на сайте
Проверяем адрес файла, ответ сервера, HTTPS, кеш, CDN и код вывода изображения. Исправляем подтверждённую причину и тестируем страницы на компьютере и телефоне.
Диагностика
Где прерывается
загрузка изображения
Сначала воспроизводим ошибку и смотрим сетевой запрос браузера. Это отделяет отсутствующий файл от запрета сервера, ошибки разметки или сбоя внешнего хранилища.
Ответ сервера
Проверяем коды 200, 403 и 404, перенаправления, MIME-тип, права доступа и правила защиты от внешних запросов.
HTTPS и политика
Ищем HTTP-ресурсы на защищённой странице, ограничения Content Security Policy и блокировки браузера.
Формат
Сверяем содержимое с расширением и заголовком Content-Type. При необходимости готовим совместимый резервный вариант.
Кеш и CDN
Проверяем устаревшую копию, неверный домен раздачи, параметры оптимизатора и доступность исходного хранилища.
Код страницы
Тестируем lazy loading, picture, размеры, JavaScript-подстановку и адаптивные варианты для разных экранов.
Результат
Изображения доступны без случайных пропусков
Файлы отвечают
Основные и адаптивные варианты возвращаются по правильным публичным адресам.
Браузер не блокирует
HTTPS, CSP и тип содержимого согласованы с кодом страницы.
Страница остаётся быстрой
Исправление не сводится к загрузке чрезмерно тяжёлых оригиналов вместо оптимизированных файлов.
Порядок работ
От одного сломанного фото до проверки шаблона
Для начала достаточно URL страницы и примера пропавшего изображения. Если проблема появилась после обновления, переноса или подключения CDN, полезно указать дату и выполненное изменение.
Воспроизводим
Открываем страницу без авторизации и кеша, на узком и широком экране.
Находим слой ошибки
Определяем, отсутствует ли файл, запрещён ли запрос или неверно работает шаблон.
Исправляем точечно
Меняем путь, конфигурацию, права либо вывод изображения с сохранением резервной копии.
Проверяем выборку
Тестируем типовые страницы, карточки, мобильные варианты, кеш и консоль браузера.
MDN о смешанном содержимом объясняет, почему браузер может заблокировать HTTP-изображение внутри HTTPS-страницы. Это один из сценариев проверки, а не универсальная причина.
Границы работ
Что зависит от владельца внешнего сервиса
Если изображения хранятся в закрытом облаке, маркетплейсе, CDN или стороннем виджете, для исправления могут понадобиться доступы и документация поставщика. Мы не отключаем защиту целиком ради одного файла и не заменяем оригиналы без резервной копии. Когда исходники утрачены, техническое восстановление адреса не вернёт содержимое — потребуются сами файлы или архив сайта.
Вопросы
Перед диагностикой
Почему картинки видны мне, но не посетителям?
У вас могла сохраниться локальная копия. Проверяем страницу без кеша и авторизации, затем публичный ответ сервера.
Нужно загружать все фото заново?
Нет, если файлы сохранились. Часто достаточно вернуть корректные пути, права или правила выдачи.
Почему проблема возникает только на телефоне?
Мобильный шаблон может запрашивать другой srcset, использовать отдельную отложенную загрузку или скрывать блок неверным CSS.
Как проверяется результат?
Тестируем типовые страницы, форматы, мобильные размеры, кеш, сетевые ответы и ошибки консоли.
Первый шаг
Пришлите страницу с пропавшими картинками
Укажите URL, устройство и момент появления ошибки. Если один файл открывается отдельно, приложите и его адрес.