Генератор изображений-заглушек
Создавайте изображения-заглушки в готовых размерах для соцсетей, рекламы и миниатюр — с градиентной или случайной заливкой, диагональными или сетчатыми узорами, многострочными подписями и экспортом @2x.
Генератор изображений-заглушек — Выберите размер из распространённых пресетов для соцсетей, рекламы и миниатюр или задайте свой, выберите сплошной, градиентный или случайно сгенерированный фон и наложите диагональный либо сетчатый узор. Добавьте многострочную подпись, размещаемую где угодно, со своим семейством шрифта, насыщенностью и размером, затем экспортируйте PNG, JPG, WebP или SVG — при желании в @2x для retina-экранов. Всё рисуется в вашем браузере с помощью API canvas и SVG, поэтому ничего из введённого не загружается на сервер.
Что такое Генератор изображений-заглушек?
Генератор изображений-заглушек — это бесплатный инструмент в браузере для дизайнеров и фронтенд-разработчиков, которым нужна графика-заполнитель при создании макетов, прототипов, рекламы и библиотек компонентов. Начните с пресета — публикация в Instagram, миниатюра YouTube, OG-карточка или рекламное место вроде лидерборда 728×90 — либо введите точные размеры в пикселях. Оформите фон как один цвет, двухцветный диагональный градиент или случайную палитру, добавьте диагональный или сетчатый узор и разместите многострочную подпись в одной из девяти позиций шрифтом без засечек, с засечками или моноширинным. Включите наложение размеров, чтобы проставить ширину и высоту в углу, и экспортируйте как PNG, JPG, WebP или копируемый SVG с необязательным масштабом retina @2x для растровых форматов.
Как пользоваться Генератор изображений-заглушек
- Выберите готовый размер (соцсети, миниатюра или реклама) или введите точную ширину и высоту в пикселях.
- Откройте Настройки, чтобы задать фон: сплошной, двухцветный градиент или нажмите Случайно для безопасных случайных цветов.
- При необходимости наложите диагональный или сетчатый узор и включите наложение размеров.
- Введите подпись — используйте переносы строк для многострочного текста — затем задайте её положение, семейство шрифта, насыщенность и размер.
- Выберите PNG, JPG, WebP или SVG и включите @2x для растрового экспорта в retina.
- Проверьте предпросмотр в реальном времени и нажмите Скачать (для SVG можно также скопировать разметку).
Примеры
Публикация в Instagram 1080×1080
Выберите пресет Instagram Post, задайте двухцветный градиентный фон, отцентрируйте жирную подпись в две строки и скачайте PNG, готовый для макета ленты.
Реклама-лидерборд 728×90
Выберите пресет Ad Leaderboard, оставьте сплошной серый фон с сетчатым узором и включённым наложением размеров и экспортируйте WebP-заполнитель для рекламного места.
Миниатюра YouTube для retina
Выберите пресет YouTube Thumbnail (1280×720), включите экспорт @2x и скачайте PNG 2560×1440, который остаётся чётким на экранах высокой плотности.
Часто задаваемые вопросы
- Какие готовые размеры включены?
- Размеры для соцсетей (публикация, портрет и история Instagram, обложка Facebook, публикация и шапка X, баннер LinkedIn, миниатюра YouTube, OG-карточка) и стандартные рекламные форматы (лидерборд, средний прямоугольник, широкий небоскрёб, билборд). Выберите один, чтобы заполнить ширину и высоту, или введите любой пользовательский размер.
- Как работают параметры фона и узора?
- Фон может быть одним цветом, двухцветным диагональным градиентом или случайной палитрой по кнопке Случайно, использующей безопасный генератор случайных чисел браузера. Поверх можно наложить узор из диагональных линий или сетку, нарисованные цветом текста.
- Может ли подпись быть в несколько строк и перемещаться?
- Да. Вводите переносы строк в поле подписи для многострочного текста, размещайте блок в одной из девяти позиций (верх/центр/низ × слева/по центру/справа) и выбирайте шрифт без засечек, с засечками или моноширинный с обычной или жирной насыщенностью и автоматическим или фиксированным размером. Оставьте подпись пустой, чтобы автоматически напечатать размеры.
- Что делает экспорт @2x?
- Для растровых форматов (PNG, JPG, WebP) он отрисовывает холст с удвоенными размерами в пикселях, чтобы файл оставался чётким на retina- и экранах с высоким DPI. SVG уже независим от разрешения, поэтому @2x к нему не применяется.
- Загружаются ли мои изображения или тексты куда-либо?
- Нет. Каждая заглушка рисуется целиком в вашем браузере с помощью API canvas и SVG, а загрузки происходят локально — ничего из введённого или сгенерированного не отправляется на сервер, поэтому инструмент работает офлайн и сохраняет конфиденциальность вашей работы.
Похожие инструменты
Код в изображение
Превратите фрагмент кода в изображение с подсветкой синтаксиса прямо в браузере — с более чем 20 языками, своими темами и фонами, номерами строк и экспортом в PNG или SVG.
Проверка цветового контраста
Проверьте контраст WCAG 2.1 и оценку APCA Lc между цветом текста и фона, посмотрите значки AA, AAA и 3:1 и примените ближайший проходящий цвет.
Смеситель цветов
Смешивайте два HEX-цвета в выбранной пропорции в цветовом пространстве RGB или Lab и считывайте полученный промежуточный цвет в виде образца и копируемого HEX-значения.
Генератор оттенков цвета
Превратите один базовый цвет HEX в шкалу OKLCH, HSL или RGB с настраиваемыми ступенями, подсказками контраста WCAG на каждой ступени и экспортом в CSS, Tailwind и JSON.