Изображение / Макеты

Генератор изображений-заполнителей

Создавайте изображения-заполнители любых размеров сразу для всего списка, выбирайте цвета и текст, а затем скачивайте их в формате PNG или SVG для макетов, компоновок и рекламных мест.

Генератор изображений-заполнителей: Каждое изображение представляет собой залитый прямоугольник с его размером или вашим текстом по центру. Размер текста автоматически подстраивается так, чтобы он занимал примерно 80% ширины и 40% высоты. Изображения SVG записываются как обычная разметка и занимают по несколько сотен байт; изображения PNG создаются на canvas в вашем браузере. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.

Запуски
В вашем браузере
Стоимость
Бесплатно · без регистрации
Доступность
Готово к использованию
Генератор изображений-заполнителейЛокальная обработка

Полностью работает в браузере

1200 × 630
1200 × 630
1080 × 1080
1080 × 1080
300 × 250
300 × 250
728 × 90
728 × 90

Изображения создаются в вашем браузере. Файлы SVG остаются чёткими при любом размере и занимают мало места; PNG поддерживается повсюду, включая электронную почту и офисные документы.

Использование заполнителей в макете

Задавайте заполнителям точный размер итоговых изображений, чтобы страница не сдвигалась после их загрузки, и используйте нейтральный серый цвет, чтобы их не приняли за готовый дизайн.

Когда готовые изображения появятся, приведите их к нужному размеру с помощью изменения размера изображения, а пропорции проверьте в калькуляторе соотношения сторон.

Встраивание заполнителей SVG

Заполнитель SVG можно напрямую поместить в src тега img как data URI, не создавая отдельный файл; генератор data URI создаёт такой URI из скачанного SVG.

Как пользоваться

  1. Укажите нужные размеры, например 1200x630, 300x250.
  2. Выберите цвета фона и текста, а также при необходимости добавьте текст.
  3. Скачайте каждое изображение отдельно или все сразу в формате PNG или SVG.

Конфиденциальность и ограничения

Изображения создаются в вашем браузере; ничего не загружается на сервер и не скачивается из интернета.

Похожие инструменты

Часто задаваемые вопросы

Какие размеры используются чаще всего?

1200 × 630 — для превью ссылок в социальных сетях, 1080 × 1080 — для квадратных публикаций, а 300 × 250, 728 × 90 и 160 × 600 — для стандартных медийных объявлений.

PNG или SVG?

SVG подходит для веб-макетов: он занимает мало места и остаётся чётким при любом увеличении. PNG пригодится там, где SVG не поддерживается, например в электронных письмах, презентациях или некоторых инструментах дизайна.

Можно ли использовать несколько строк текста?

Нет, текстовое поле поддерживает только одну строку. Обычно лучше всего смотрится подпись с размером или короткое слово, например Logo или Banner.

Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен