Картинка для соцсетей (OG)

Собрать изображения Open Graph и карточек Twitter из заголовка и шаблона
  • Файлы не покидают устройство
  • Работает в браузере
  • Бесплатно, без регистрации и водяных знаков

Preview · 1200 × 630 px

Templates

Как пользоваться: Картинка для соцсетей (OG)

Соберите изображения Open Graph и карточек X (Twitter) из заголовка и одного из восьми шаблонов, затем экспортируйте PNG или JPG при 1200×630 или другом размере. CSV заголовков также может стать ZIP изображений. Всё отрисовывается в браузере.

  1. 1

    Выберите оформление в шаблонах, например минимальный, пост блога, продукт или цитата.

  2. 2

    В «Содержимом» введите заголовок, подзаголовок и имя сайта плюс любое поле, которое показывает шаблон, например автора, дату, цену или бейдж.

  3. 3

    Добавьте логотип и фон или картинку в «Изображениях», затем тему, шрифт, пресеты цвета и максимум строк заголовка в «Стиле».

  4. 4

    В «Экспорте» выберите размер (Open Graph, X / Twitter, Instagram, квадрат или свой), формат и разрешение.

  5. 5

    Включите «Показать направляющую обрезки», чтобы проверить, что приложения могут срезать, затем нажмите «Скачать PNG» (или JPG) либо «Копировать изображение».

Частые вопросы

Добавляет ли это тег og:image на мой сайт?

Нет, он только делает изображение. Загрузите файл на сайт и направьте метатег og:image (и twitter:image) страницы на него.

Какого размера должно быть изображение Open Graph?

1200 × 630 px — обычный размер для Facebook, LinkedIn и Slack; пресет X / Twitter — 1200 × 600. 2× удваивает пиксели для более резкого показа, но держите файлы меньше 8 МБ для Facebook и 5 МБ для X.

Как работает пакет из CSV?

Вставьте или импортируйте CSV, TSV или текстовый файл с одной строкой на изображение: заголовок, затем необязательный подзаголовок. Строка заголовка с именем title пропускается, каждое изображение использует текущее оформление, и все скачиваются одним ZIP.

Загружаются ли логотип, картинки и текст?

Нет. Они остаются в браузере, изображение рисуется на canvas на вашем устройстве.

Почему заголовок становится меньше?

Заголовок уменьшается, пока не влезет в максимум строк (от 1 до 5). Нажмите Enter в поле заголовка, чтобы решить, где переносится строка.

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

Да. Каждый вариант шрифта откатывается на шрифты CJK, установленные в системе, поэтому точный вид зависит от шрифтов устройства.