Генератор изображений-заглушек
Создавайте изображения-заглушки любого размера до 4000×4000 со своими цветами и подписью. Скачайте PNG, JPEG, WebP или SVG либо скопируйте data URI.
Оставьте пустым, чтобы показать размеры.
Что такое Генератор изображений-заглушек?
Создавайте простые изображения-заглушки, показывающие свои размеры (например, 640×360) или вашу подпись, любого размера от 1 до 4000 пикселей. Выберите цвета фона и текста и экспортируйте в PNG, JPEG, WebP или SVG. Изображения рисуются локально, поэтому вы не зависите от веб-сервиса заглушек.
Как пользоваться Генератор изображений-заглушек
- Введите Ширина (px) и Высота (px) в пикселях.
- Выберите Фон и Цвет текста и введите Надпись либо оставьте поле пустым, чтобы показать размер.
- Выберите Формат.
- Скачайте изображение или скопируйте код SVG / data URI.
Пример
Width 300, Height 150, Background #cccccc, Text color #555555, Format SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="0 0 300 150"><rect width="100%" height="100%" fill="#cccccc"/><text x="50%" y="50%" fill="#555555" font-family="Arial, Helvetica, sans-serif" font-size="30" text-anchor="middle" dominant-baseline="central">300×150</text></svg>
Когда использовать Генератор изображений-заглушек
Используйте для макетов, дизайн-прототипов, проверки адаптивной вёрстки и компонентов изображений, а также наполнения демо CMS и интернет-магазинов. Для реалистичного предпросмотра берите настоящие или стоковые фото; для размытых заглушек загрузки используйте уменьшенную версию настоящего изображения.
Как работает Генератор изображений-заглушек
Для PNG, JPEG и WebP изображение рисуется на HTML-canvas нужного размера: закрашенный прямоугольник и подпись по центру шрифтом Arial размером в одну пятую короткой стороны (для длинных подписей уменьшается, чтобы поместиться), затем экспорт через canvas.toDataURL. Для SVG инструмент записывает крошечный векторный файл с <rect> и центрированным элементом <text>, который остаётся чётким при любом увеличении и обычно весит меньше 400 байт.
Распространенные Случаи Использования
- Заполнение мест под изображения в макетах и прототипах
- Проверка соотношений сторон и адаптивного CSS для изображений
- Наполнение демо-товарами интернет-магазина
- Встраивание крошечных SVG-заглушек как data URI
Часто Задаваемые Вопросы
Какой формат выбрать?
SVG — самый маленький и чёткий для плоских заглушек; PNG лучше, когда нужен растровый файл; JPEG и WebP полезны для проверки конвейеров обработки фото.
Можно ли ссылаться на эти изображения напрямую?
Хостинга нет. Скачайте файл или вставьте data URI / код SVG прямо в HTML или CSS.
Каков максимальный размер?
4000 × 4000 пикселей. Очень большие PNG могут экспортироваться заметное время в зависимости от устройства.