Тег <img src=""> с пустым атрибутом заставляет браузер отправить повторный запрос к самой странице — это и есть суть проблемы, которую разработчики называют super empty img. Вместо ожидаемой картинки браузер пытается загрузить HTML-документ как изображение, получает ошибку и отображает характерную «битую» иконку. Для посетителя это выглядит как сломанный сайт, а для сервера — как лишняя нагрузка.

Проблема встречается на сайтах любого масштаба: от визиток на конструкторах до крупных магазинов с динамической подгрузкой контента. Ниже разберём, откуда берутся пустые изображения, как их найти и какие способы исправления безопасны для вёрстки и SEO.

Что происходит при пустом src в теге img

Когда браузер встречает <img src="">, он трактует пустую строку как относительный URL, указывающий на текущий документ. Возникает дублирующий запрос: сервер второй раз отдаёт HTML-страницу, браузер пытается декодировать её как картинку и завершает попытку ошибкой декодирования.

Последствия выходят за рамки визуального дефекта. Лишний запрос увеличивает время рендеринга, засоряет логи сервера и может искажать статистику посещений в системах аналитики, которые считают просмотры по обращениям к странице.

⚠️ Внимание: поведение при пустом src исторически различалось между браузерами. Не полагайтесь на то, что «у меня в Chrome всё нормально» — проверяйте страницу минимум в двух браузерах и на мобильном устройстве.

Типичные причины появления пустых изображений

Чаще всего пустой src — не ручная ошибка верстальщика, а следствие работы шаблонов и скриптов. Типичные источники:

  • 🔧 Шаблонизатор CMS подставил пустое значение, потому что у записи не задано изображение, а проверка на пустоту в шаблоне отсутствует.
  • 🐌 Ленивая загрузка (lazy load) реализована через пустой src и data-src, но JavaScript не отработал — например, заблокирован или завершился с ошибкой.
  • 🧩 Плагин или модуль генерирует галерею и при отсутствии файла выводит тег с пустым атрибутом вместо заглушки.
  • ✏️ Ручное редактирование контента через визуальный редактор, где картинку удалили, а сам тег остался.
  • 📦 Импорт товаров или записей из таблицы, где часть строк не содержала ссылок на изображения.

Отдельный случай — намеренная вставка <img src=""> как «заглушки» в старых техниках вёрстки. Такой подход считается устаревшим и вредным: корректная заглушка должна иметь реальный адрес прозрачного пикселя или реализовываться средствами CSS.

📊 Откуда чаще всего появляются пустые img на вашем сайте?