Генератор изображений-заглушек
Создавайте SVG-заглушки с настраиваемыми размерами, подписью и цветами.
Запустить инструмент
Генератор изображений-заглушек создает SVG для макетов, прототипов, карточек товаров и статей, где финальное графическое оформление еще не готово. Укажите ширину и высоту в пикселях, добавьте пользовательскую подпись, а также настройте цвет фона и цвет текста. Если размеры не заполнены, генератор автоматически выставляет ширину 400 и высоту 300 пикселей. Допустимый диапазон для каждой стороны составляет от 1 до 2000 пикселей. По умолчанию фон окрашивается в оттенок #cccccc, а надпись выводится цветом #333333. Когда поле текста остается пустым, на изображении показываются его итоговые размеры со знаком умножения. Специальные символы HTML в надписи безопасно экранируются и выводятся как обычный текст. Инструмент сразу формирует векторную SVG-разметку и встроенный data URL, который удобно вставить прямо в атрибут src тега img или в стили CSS. Выбирайте нужные пропорции для баннеров, карточек или блоков страницы и оценивайте макет без задержек на поиск картинок.
Инструкция
- Введите ширину и высоту в пикселях или оставьте значения по умолчанию: 400 и 300.
- Введите текст, который должен отображаться на заглушке. Если оставить поле пустым, генератор покажет фактические размеры изображения.
- Укажите цвет фона и цвет текста, например #eeeeee и #333333.
- Нажмите кнопку запуска генерации.
- Проверьте SVG-заглушку и встроенные данные изображения, затем используйте подходящий результат в макете. Учтите, что ширина и высота приводятся к диапазону от 1 до 2000 пикселей.
Примеры
- Создайте заглушку 1200 × 630 с текстом «Предпросмотр» для макета публикации, задав фон #eeeeee и цвет текста #333333.
- Введите ширину 800, высоту 450 и подпись «Изображение 16:9», чтобы получить SVG-заглушку нужного размера.
Частые вопросы
Какие размеры используются по умолчанию?
По умолчанию ширина составляет 400, а высота 300 пикселей. Для каждой стороны инструмент использует значение от 1 до 2000 пикселей.
Можно ли добавить текст на изображение?
Да. Введите подпись в поле «Текст». Если оставить его пустым, на изображении появятся фактические ширина и высота, соединенные знаком умножения.
Можно ли изменить цвета?
Да. По умолчанию фон имеет цвет #cccccc, а текст #333333. Введите другие значения в полях «Цвет фона» и «Цвет текста».
Что создает генератор?
Инструмент создает SVG-заглушку и встроенные данные изображения на основе заданных параметров. Результат не содержит публичный URL для размещённого изображения.