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

Бесплатно и без регистрации: выберите шаблон, впишите заголовок и подпись, добавьте логотип или фон — получите картинку для превью ссылки 1200×630 px (Facebook, LinkedIn, Telegram, Slack) или 1200×628 px (X/Twitter) и скачайте PNG или JPG. Всё рисуется в вашем браузере: файлы никуда не загружаются. Готовый код meta-тегов — под картинкой.

Шаблон

Размер

Шрифт

Заголовок Подзаголовок Подпись внизу (сайт, автор, рубрика)

Фон 1

Фон 2

Текст

Акцент

Логотип

Фоновое фото

Показать безопасную зону (квадратная обрезка в мессенджерах)

Meta-теги (замените адрес картинки на свой)

Загрузите картинку на свой сайт и укажите полный адрес с https:// в og:image. Проверить превью после публикации — проверка Open Graph и карточки X.

Коротко об инструменте

Цена: Бесплатно
Регистрация: Не нужна
Где идёт обработка: В вашем браузере — данные не отправляются на сервер
Что принимает: Заголовок, подзаголовок и подпись; логотип и фоновое фото с вашего устройства (до 15 МБ, PNG/JPEG/WebP/SVG)
Лимиты: Без лимитов
Результат: PNG или JPG 1200×630, 1200×628 или 1200×1200 и готовые meta-теги og:image и twitter:card
Обновлено: 2026-10-13

Альтернативы

Другие инструменты для той же задачи и в чём каждый из них силён:

Vercel OG Image Playground — Песочница библиотеки @vercel/og: картинка описывается кодом (JSX) — удобно, когда превью нужно генерировать автоматически для каждой страницы.
Canva — Графический редактор с шаблонами под соцсети; гибче в дизайне, но нужен аккаунт.

Когда выбрать этот инструмент: Когда картинка для превью нужна за минуту, без аккаунта и без загрузки файлов на чужой сервер — с правильным размером, безопасной зоной и готовыми meta-тегами.

Описания сверены с сайтами этих инструментов в октябре 2026 года.

Генератор OG-изображений для превью ссылок

og:image — картинка, которую соцсети и мессенджеры показывают в превью ссылки. Ссылка с крупной картинкой заметнее в ленте, а без неё Facebook, LinkedIn, Telegram и X показывают пустую или случайную карточку. Генератор рисует такую картинку на canvas прямо в браузере: пять шаблонов, ваш заголовок, подзаголовок и подпись, логотип и фоновое фото, свои цвета и три размера — 1200×630 (Open Graph), 1200×628 (X) и 1200×1200. Текст сам подбирает размер шрифта и переносится по словам; безопасная зона показывает, что останется при квадратной обрезке. Скачайте PNG или JPG и вставьте готовые meta-теги.

5 шаблонов: градиент, акцентная полоса, светлый, тёмный, фото

1200×630, 1200×628 для X и квадрат 1200×1200

Логотип и фоновое фото с вашего устройства — без загрузки на сервер

Автоподбор размера заголовка и безопасная зона для обрезки

Скачивание PNG/JPG и готовые meta-теги og и twitter

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

Выберите шаблон и размер
Впишите заголовок, подзаголовок и подпись, добавьте логотип или фон
Скачайте картинку, загрузите на сайт и укажите её адрес в og:image

FAQ

1200×630 px (пропорции 1.91:1) — стандарт для Facebook и LinkedIn, и его хорошо показывают Telegram, Slack и WhatsApp. Для X с карточкой summary_large_image подходит 1200×628 (2:1), но 1200×630 X тоже принимает. Файл — JPG или PNG до 5 МБ (лимит X), лучше до 300–500 КБ.

Никуда. Картинка рисуется в вашем браузере на элементе canvas, файлы читаются локально и не отправляются на наш сервер; после закрытия вкладки ничего не остаётся.

Этот инструмент — для ручной работы. Для сотен страниц используют генерацию на сервере: например, библиотеку @vercel/og в Next.js или плагины CMS, которые рисуют картинку из заголовка записи. Попробовать подход Vercel можно в их OG Image Playground.

Размеры картинки превью по площадкам

Где	Размер	Что учесть
Facebook, LinkedIn	1200×630 px (1.91:1)	Меньше 600×315 — картинка станет маленькой слева от текста
X (Twitter), summary_large_image	1200×628 px (2:1)	До 5 МБ, JPG/PNG/WEBP/GIF; с 2023 года у ссылки видна только картинка и домен
Telegram, Slack, Discord	берут og:image	Подходит тот же 1200×630
WhatsApp, iMessage	берут og:image	Иногда обрезают до квадрата — держите главное в центре

Один файл 1200×630 закрывает почти все случаи. Отдельная картинка для X нужна, только если важна точная пропорция 2:1.

Какой должна быть картинка

Крупный короткий заголовок — 4–8 слов, читается на телефоне в ленте. Длинный заголовок генератор сам уменьшит, но лучше сократить текст.
Контраст — светлый текст на тёмном фоне или наоборот; на фото — затемнение (шаблон «Фото с затемнением»).
Логотип или домен — чтобы превью узнавали. В X это особенно важно: там нет заголовка у карточки.
Безопасная зона — главное в центральном квадрате; включите подсветку зоны, чтобы проверить.
Вес до 300–500 КБ — JPG обычно легче PNG для фото, PNG лучше для плоских цветов и текста.

Как подключить картинку

Скачайте PNG или JPG и загрузите на свой сайт (в медиатеку CMS или в папку с картинками).
Скопируйте meta-теги из генератора в <head> страницы и замените адрес на полный путь к файлу с https://.
Проверьте страницу в проверке Open Graph и карточки X — она скачает картинку и сверит размер, вес и формат.
Если превью уже закэшировано, загрузите картинку под новым именем: соцсети кэшируют её по адресу.

Когда нужен не генератор, а автоматизация

Для блога или каталога с сотнями страниц картинки рисуют на сервере из заголовка записи: в WordPress — плагины, в Next.js — библиотека @vercel/og, в других CMS — свои расширения. Этот генератор удобен для главной, лендингов, важных статей и разовых публикаций.