Верстаете макет, вставляете привычный URL плейсхолдера, а он не грузится. Браузер сыплет mixed content warnings, вкладка висит полминуты. Знакомо?

Сервисы-заглушки начала 2010-х вымирают тихо: домены не продлевают, TLS-сертификаты протухают, rate-limit режет запросы. Выяснять это за час до дедлайна, то ещё удовольствие.

Мы вручную проверили 14 живых инструментов: от цветных прямоугольников до AI-генерации и детерминированных аватаров. Каждый держит HTTPS, стабильный аптайм и не подведёт, когда бэкенд ещё не готов, а вёрстку уже надо показывать.

💡 Быстрый обзор:

• Типология: цветные блоки, фото-наполнение, SVG с Edge-доставкой, аватары, мокапы устройств и AI-генерация, для каждой задачи свой инструмент.
• Скорость: placeholders.dev и placeholdr.dev работают на Cloudflare Workers и отдают контент с ближайшей точки Edge.
• Безопасность: все 14 сервисов работают по HTTPS. Ни одного предупреждения mixed content.
• Готовый код: каждый сервис даёт URL-шаблон, который копируется и вставляется в <img src> за секунду.

Критерии отбора: что делает сервис пригодным для рабочих макетов

Параметры, по которым мы оценивали каждый инструмент:

• Только HTTPS. Mixed content в 2026 году, красный флаг. Сервисы без TLS в подборку не попали.
• CDN** или Edge-доставка.** Глобальное покрытие означает низкую задержку из любой географии.
• Активная поддержка. Свежие коммиты или обновления за последний год.
• Предсказуемый синтаксис URL. Шаблон должен угадываться с первого раза, без чтения документации.
• Современные форматы. WebP, AVIF, SVG, без них сервис неконкурентоспособен.

Сравнительная таблица

1. Placehold.co: золотой стандарт цветных блоков

Пришёл на замену нестабильному via.placeholder.com и стал дефолтным выбором. HEX-цвета, Google Fonts, размер, всё в URL. SVG, WebP, PNG. Шаблон угадывается с первого раза: /600x400/EEE/31343C?text=Hero+Image.

Плюсы:

• SVG, WebP, PNG, три формата в одном сервисе.
• HEX-цвета и Google Fonts прямо в строке запроса.
• Стабильный CDN, задержка минимальна.

Минусы:

• Только цветные блоки. Фото сервис не генерирует.

1
<img src="https://placehold.co/600x400" alt="Placeholder">
2
<img src="https://placehold.co/600x400/EEE/31343C?text=Hero+Image" alt="Hero">
3
<img src="https://placehold.co/600x400.webp" alt="WebP format">

🔗 Placehold.co

2. Lorem Picsum: фото-наполнение для живых макетов

«Lorem Ipsum, но для изображений». Отдаёт реальные снимки из своей базы, идеально, когда цветные квадраты смотрятся чужеродно. Параметр seed фиксирует изображение, незаменимо для UI-тестов.

Фильтры (grayscale, blur) добавляют гибкости. Атрибуция не требуется.

Плюсы:

• Качественные фото для макетов, не стоковый мусор.
• Фильтры размытия и оттенков серого.
• seed для повторяемости при каждом запросе.

Минусы:

• Нет точного контроля над содержимым фото. Что попало в кадр, то и получаете.

1
<img src="https://picsum.photos/800/600" alt="Случайное фото">
2
<img src="https://picsum.photos/seed/product/400/300" alt="Фиксированное фото">
3
<img src="https://picsum.photos/800/600?grayscale&blur=2" alt="Фильтрованное">

🔗 Lorem Picsum

3. DummyImage: пресеты под любую задачу

Сервис с наиболее обширной кастомизацией текстовых заглушек. Главная фишка, десятки пресетов: рекламные форматы (Leaderboard, Wide Skyscraper), соотношения сторон (16:9, 4:3), популярные разрешения. Цвета фона и текста через HEX, форматы PNG, JPEG, GIF.

CDN отсутствует, скорость зависит от географии. Для локальной разработки не критично.

Плюсы:

• Десятки пресетов под рекламу, экраны и типовые макеты.
• Полный контроль цвета фона и текста.

Минусы:

• Нет CDN. Из Австралии или Японии задержка ощутима.

1
<img src="https://dummyimage.com/728x90/000/fff" alt="Leaderboard ad">
2
<img src="https://dummyimage.com/16:9x1080" alt="HD ratio">

🔗 DummyImage

4. placeholders.dev: SVG с Edge-серверов

Работает на Cloudflare Workers, доставляет SVG с Edge-серверов. «Super fast», не маркетинг: отдача из ближайшей точки Cloudflare, задержка в единицы миллисекунд. SVG даёт идеальную чёткость на Retina при любом масштабировании.

Плюсы:

• Генерация на лету через Cloudflare Workers.
• Чёткость на любых экранах благодаря SVG.
• Edge-доставка из ближайшей точки сети.

Минусы:

• Только SVG. Растровые форматы не поддерживаются.

1
<img src="https://images.placeholders.dev/?width=400&height=300&bgColor=%23f0f0f0&textColor=%23333" alt="SVG placeholder">

🔗 placeholders.dev

5. DiceBear: детерминированные аватары

Генерирует аватары по принципу «один seed, один результат». Передайте email или username, получите один и тот же аватар при каждом запросе. Для списков пользователей и админ-панелей незаменимо: контент выглядит наполненным без мороки с реальными фото.

Более двадцати стилей, от пиксель-арта до реалистичных лиц. Всё в SVG. API открыт.

Плюсы:

• Два десятка стилей аватаров.
• Детерминированная генерация: seed гарантирует повторяемость.
• SVG, идеальное масштабирование.

Минусы:

• Только SVG. Для растровых аватаров нужен дополнительный конвертер.

1
<img src="https://api.dicebear.com/9.x/avataaars/[email protected]" alt="Аватар пользователя">

🔗 DiceBear

6. UI Avatars: инициалы вместо картинок

Генерирует аватары с инициалами пользователя на цветном фоне. Идеально для комментариев, чатов и админ-панелей, где фото не требуется, а безликие серые кружки раздражают. Настройка размера, шрифта, цвета фона и текста, всё через параметры URL.

Сервис полностью открыт: исходники на GitHub, можно поднять свой инстанс за 10 минут. Для проектов с требованиями к приватности, весомый плюс.

Плюсы:

• Инициалы вместо картинок, мгновенная загрузка.
• Полный контроль цвета фона, текста и шрифта.
• Открытый исходный код на GitHub.

Минусы:

• Только текст на цветном фоне. Иллюстрации не поддерживаются.

1
<img src="https://ui-avatars.com/api/?name=John+Doe&size=128&background=0D8ABC&color=fff" alt="Аватар JD">

🔗 UI Avatars

7. Lorem Flickr: фото с лицензией Creative Commons

Ищет снимки с лицензией Creative Commons на Flickr и отдаёт их как плейсхолдеры. По сравнению с Lorem Picsum здесь больше «живых» кадров, меньше постановочных композиций. Качество скачет, но для макетов, где важна естественность, это плюс.

Параметр lock фиксирует изображение. Поиск по ключевым словам сужает выборку.

Плюсы:

• Поиск по ключевым словам.
• lock для постоянства изображения.
• Creative Commons, лицензия прозрачна.

Минусы:

• Непредсказуемое качество: от шедевра до мыльного снимка.

1
<img src="https://loremflickr.com/1280/720" alt="Flickr Image">

🔗 Lorem Flickr

8. Placeit: профессиональные мокапы устройств

Платформа от Envato с почти 3000 шаблонов мокапов: iPhone, Samsung, десктопы, ноутбуки, планшеты. Сервис платный (подписка Envato), но для презентации дизайна клиенту или в портфолио даёт результат, неотличимый от студийного рендера.

Drag-and-drop: загрузили скриншот, выбрали устройство, скачали. Для коммерческих презентаций окупается сразу.

Плюсы:

• Почти 3000 шаблонов устройств и сценариев.
• Drag-and-drop интерфейс, не требует дизайнерских навыков.

Минусы:

• Платный. Бесплатные мокапы, с водяным знаком.

🔗 Placeit

9. ASSETS.SO: тематические заглушки с характером

Добавляет контекста в будни верстальщика. Категории: игры, фильмы, музыка, спорт, обувь. Киносайт с реальными кадрами смотрится убедительнее макета с цветными квадратами. API прост: /game.jpg?w=1280&h=720.

Плюсы:

• Тематические категории под разные ниши.
• Предельно простой API.

Минусы:

• Контроль над содержимым минимален.

1
<img src="https://via.assets.so/game.jpg?w=1280&h=720" alt="Game Asset">

🔗 ASSETS.SO

10. RoboHash: роботы-аватары для тестовых данных

Генерирует уникальных роботов по любому тексту. Принцип тот же что у DiceBear, детерминированная генерация, но с характером: у каждого робота своя мимика и цветовая схема. Стили: классические роботы, монстры, коты-роботы.

Подходит для прототипов, где хочется добавить индивидуальности тестовым профилям.

Плюсы:

• Детерминированная генерация по тексту.
• Три стиля: роботы, монстры, коты.
• Открытый исходный код.

Минусы:

• Только PNG. SVG не поддерживается.

1
<img src="https://robohash.org/[email protected]" alt="Робот-аватар">

🔗 RoboHash

11. Bacon Mockup: бекон в любом разрешении

Сочные изображения бекона в любом разрешении. Для сайтов ресторанов, кулинарных блогов или розыгрыша коллег. Звучит как шутка, но сервис стабилен уже несколько лет.

Высокое разрешение, простой API. Нишевый, но запоминающийся.

Плюсы:

• Высокое разрешение фото.
• Предельно простой API.

Минусы:

• Узкая тема. За пределами фуд-проектов бесполезен.

1
<img src="https://baconmockup.com/1280/720" alt="Bacon">

🔗 Bacon Mockup

12. Placebeard.it: брутальность в каждом пикселе

Ответ placekitten, нечто более приземлённое и мужественное. Цветные или чёрно-белые фотографии бородатых людей в любых пропорциях. Для барбершопов, мужской одежды и хипстерских стартапов. Поддержка grayscale. Сервис живёт давно и стабильно.

Плюсы:

• Тематические фото, идеально для мужского сегмента.
• Поддержка grayscale.

Минусы:

• Узкая тема. Для женской аудитории не подходит.

1
<img src="https://placebeard.it/1280x720" alt="Beard">

🔗 Placebeard.it

13. Placebear: природная мощь

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

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

Плюсы:

• Высокое разрешение фото.
• Стабильный аптайм.

Минусы:

• Специфический контент. Не каждый клиент оценит медведя в макете.

1
<img src="https://placebear.com/1280/720" alt="Bear">

🔗 Placebear

14. placeholdr.dev: AI-генерация плейсхолдеров

Самый свежий игрок в нише, AI-генерация через Flux diffusion model на Cloudflare Workers с кешированием в R2. Первый запрос рендерится несколько секунд, последующие отдаются мгновенно из кеша.

Формат URL: /{width}x{height}/{prompt}. Стили: photographic, artistic, anime, oil-painting, 3d-render, cartoon. seed (1-3) фиксирует вариант. Бесплатно, без аккаунтов.

Плюсы:

• AI-генерация: описание на естественном языке вместо HEX-кодов.
• Шесть стилей, от фотореализма до 3D-рендера.
• Edge-доставка через Cloudflare Workers.

Минусы:

• Первый запрос медленный (несколько секунд на рендер).
• Молодой сервис (запущен в январе 2026), долгосрочная стабильность под вопросом.

1
<img src="https://placeholdr.dev/600x400/minimalist modern office" alt="AI-сгенерированный офис">
2
<img src="https://placeholdr.dev/320x320/cat?style=anime" alt="AI-аниме кот">
3
<img src="https://placeholdr.dev/1024x768/camera?style=3d-render&seed=3" alt="AI 3D-камера">

🔗 placeholdr.dev

Технические нюансы: CSP, офлайн и почему старые URL умирают

Заголовки Content-Security-Policy

Если сайт использует строгую CSP, внешние сервисы плейсхолдеров будут заблокированы браузером по умолчанию. Обновите директиву img-src:

1
Content-Security-Policy: img-src 'self' https://placehold.co https://picsum.photos;

Важно: удалите эти домены из CSP перед деплоем в продакшен. Заглушки, для разработки, не для боевого сайта.

Локальная разработка без интернета

Для офлайн-разработки или проектов с требованиями к приватности:

• Генерация заглушек на клиенте через Canvas или SVG.
• Локальный скрипт-генератор на Node.js.
• Статические файлы-заглушки в репозитории.

Почему старые URL умирают

Большинство сервисов начала 2010-х были пет-проектами: запустил, поддержал пару лет, потерял интерес. Домен истекает, сертификат протухает, и URL превращается в тыкву. Выбирайте сервисы со свежими коммитами и коммерческой поддержкой.

⁉️🤔 Частые вопросы

Можно ли использовать плейсхолдеры в продакшене?

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

Почему одни сервисы живут годами, а другие умирают за пару сезонов?

Разница в модели поддержки. Коммерческие или спонсируемые сервисы имеют выделенные ресурсы и обновляются стабильно. Пет-проекты одиночек держатся на энтузиазме. Проверяйте историю коммитов: если последний был три года назад, ищите альтернативу.

Как зафиксировать одно и то же изображение при каждой перезагрузке?

Используйте параметр seed. Lorem Picsum: /seed/product/400/300. DiceBear: [email protected]. RoboHash: любой текст в URL. placeholdr.dev: ?seed=1 (три варианта). Один seed, всегда один результат.

Обязательно ли обновлять CSP для плейсхолдеров?

Да. Если на сайте настроены заголовки Content-Security-Policy, добавьте домены сервисов в директиву img-src, иначе браузер заблокирует загрузку. Не забудьте убрать их перед деплоем.

Влияют ли внешние плейсхолдеры на скорость локальной разработки?

Каждый тег <img> с внешним URL делает HTTP-запрос. Сервисы с CDN и Edge работают быстро, но для полной автономности держите в репозитории набор статических заглушек.

Какой формат лучше для заглушек?

SVG, для геометрических форм и текста: минимальный вес, идеальное масштабирование. WebP, для фото-заглушек: заметно легче JPEG при том же качестве. PNG, когда нужна прозрачность. AVIF, если браузеры целевой аудитории поддерживают.

Можно ли использовать изображения этих сервисов в коммерческих макетах?

Большинство сервисов отдают контент бесплатно и без атрибуции. Flickr-сервисы работают с Creative Commons, проверяйте лицензию снимка. Placeit требует подписки Envato для скачивания без водяных знаков.

Что взять в закладки: итоговый расклад по плейсхолдерам 2026

Наш выбор для ежедневной работы: Placehold.co для цветных блоков, Lorem Picsum для фото-макетов и DiceBear для аватаров. Эти три сервиса закрывают подавляющее большинство задач.

Нужна скорость на Retina, placeholders.dev с Edge-SVG. Хотите контекстуальный визуал без поиска стоков, placeholdr.dev с AI-генерацией. Готовите коммерческую презентацию, Placeit с тремя тысячами мокапов.

Главное правило не меняется: плейсхолдеры живут на dev-сервере. Перед деплоем каждый внешний URL заменяется реальным ассетом. Держите в закладках два-три запасных сервиса, тот что работал вчера, завтра может уйти в офлайн.