Как пользоваться: Генератор placeholder-изображений
- Введите ширину и высоту или выберите готовый размер.
- Задайте фон (сплошной или градиент), цвет текста и подпись —
{w}и{h}заменятся на размеры. - Выберите PNG, JPG, WebP или SVG и скачайте файл — или скопируйте data URI или тег
<img>для вставки в HTML. - Нужен набор? Откройте Создать много размеров сразу, укажите по одному размеру в строке и скачайте ZIP-архив.
Когда использовать заглушки
Заглушки заполняют места под изображения, пока готовая графика не готова: wireframe и макеты, шаблоны CMS, дизайн-системы, тестовые фикстуры и демонстрационные данные. Подпись с размером делает ошибки верстки очевидными: сразу видно, действительно ли слот 1200 × 630 получает изображение 1200 × 630.
Какой формат выбрать?
- SVG — несколько сотен байт при любом размере, идеально для встраивания в HTML или как data URI.
- PNG — точные цвета и чёткий текст для загрузок, которые требуют растровый файл.
- JPG / WebP — когда система принимает только фотографии или нужны реалистичные размеры файлов для тестов производительности.
Популярные размеры
| Размер | Применение |
|---|---|
| 1200 × 630 | Open Graph / превью ссылки |
| 1920 × 1080 | Full HD hero, превью видео 16:9 |
| 1080 × 1080 | Квадратный пост для соцсетей |
| 300 × 250, 728 × 90, 160 × 600 | Рекламные блоки IAB |
Создайте настоящее превью с помощью генератора OG-изображений, конвертируйте файлы в Base64 и заполните макеты текстом из генератора lorem ipsum.
Также ищут как: генератор заглушек для изображений, картинка заглушка онлайн, placeholder svg, dummy image generator, фейковое изображение, тестовое изображение онлайн.
Инструменты, которые хорошо сочетаются с Генератор placeholder-изображений
- Генератор тестовых данных — Создайте до 10 000 строк реалистичных тестовых данных: пользователей, товары, заказы, адреса, компании или вложенные API-записи, либо собственную схему.
- Изменить размер изображения — Измените размер фото до точных размеров в пикселях или процентах, обрежьте его под формат соцсети или впишите в рамку с цветом фона.
- Генератор штрихкодов — Создавайте сканируемые штрихкоды для товаров, склада, доставки и библиотек.
- Сканер QR-кодов — Наведите камеру на QR-код или перетащите сюда изображение или скриншот, на котором он есть.
Часто задаваемые вопросы
Можно ли использовать эти изображения в коммерческих целях?
Да. Они создаются на вашем устройстве и содержат только ваш текст и цвета — лицензия или указание авторства не требуются.
Как использовать data URI?
Вставьте его как
src тега <img> или в CSS в url(). Изображение встраивается в код, поэтому файл не нужно размещать на хостинге.Какой максимальный размер?
До 8000 × 8000 пикселей; при больших значениях браузеры ограничивают память canvas. У SVG практического ограничения нет.
Можно ли установить Генератор placeholder-изображений как веб-приложение и пользоваться им офлайн?
Да. Генератор placeholder-изображений — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.