В этой статье
Что такое генератор изображений-заполнителей?
Генератор изображений-заполнителей создаёт пустые или подписанные изображения с произвольными размерами, цветами и текстом. Эти изображения заменяют реальный контент во время разработки, вайрфрейминга и дизайн-макетов — позволяя командам строить макеты без ожидания финальных ресурсов.
В отличие от внешних сервисов заполнителей, требующих сетевого запроса, клиентский генератор создаёт изображения мгновенно в браузере с помощью Canvas API. Вы контролируете точную ширину, высоту, цвет фона, цвет текста и формат вывода, а затем скачиваете или копируете результат одним кликом.
Как работает генерация изображений
Генератор использует HTML Canvas API для рисования изображений полностью в браузере. Сервер не задействован — ваши размеры и цвета рендерятся локально и экспортируются как скачиваемый файл.
- Рендеринг Canvas — скрытый элемент canvas создаётся указанных размеров, заполняется выбранным цветом фона и подписывается центрированным текстом, показывающим размер
- Пользовательские цвета и текст — задайте любой цвет фона и текста с помощью hex-значений (напр., #6366f1) и по желанию замените стандартную подпись размера собственным текстом
- Варианты формата — экспортируйте как PNG для качества без потерь, JPEG для меньшего размера файла или WebP для современных браузеров с лучшим соотношением сжатия к качеству
Попробуйте бесплатно — без регистрации
Сгенерировать изображение-заполнитель →Когда использовать изображения-заполнители
Изображения-заполнители полезны на каждом этапе разработки продукта, где финальный визуальный контент ещё недоступен.
- Вайрфрейминг — заполняйте слоты изображений в вайрфреймах правильно размеренными заполнителями, передающими запланированное соотношение сторон заинтересованным лицам
- Frontend-разработка — создавайте адаптивные макеты с изображениями-заполнителями правильных размеров, избегая сломанных или отсутствующих изображений во время разработки
- Дизайн-макеты — создавайте готовые к презентации макеты с последовательными блоками-заполнителями вместо случайных стоковых фото, отвлекающих от макета
Часто задаваемые вопросы
Какие форматы изображений поддерживаются?
Генератор поддерживает форматы PNG, JPEG и WebP. PNG создаёт изображения без потерь с поддержкой прозрачности (идеально для заполнителей с прозрачным фоном). JPEG предлагает меньшие размеры файлов со сжатием с потерями. WebP обеспечивает лучшее соотношение качества к размеру и поддерживается всеми современными браузерами.
Каковы максимальные размеры?
Генератор поддерживает изображения до 4096 x 4096 пикселей. Это охватывает большинство случаев использования от маленьких миниатюр (64 x 64) до hero-баннеров (1920 x 1080) и дисплеев retina (2x). Ограничения Canvas API браузера различаются, но 4096 px на сторону надёжно работает во всех современных браузерах.
Поддерживает ли генератор прозрачность?
Да, при использовании формата PNG. Вы можете генерировать изображения с прозрачным фоном, оставив цвет фона пустым или установив его как прозрачный. JPEG не поддерживает прозрачность (прозрачные области становятся белыми), а WebP поддерживает прозрачность, но с артефактами сжатия с потерями.