Перейти к основному содержимому

Бесплатный генератор OG-изображенийOpen Graph-изображения, понятные с первого взгляда.

Бесплатный генератор аккуратных Open Graph изображений — выберите шаблон, введите заголовок и экспортируйте готовое изображение 1200×630 в PNG, JPEG или WebP прямо в браузере. Без регистрации, без водяных знаков, без навыков дизайна.

OG 1200×630 · ЗАГОЛОВОК X 1500×500 · PNG, JPEG или WebP
01 · Выберите шаблон
Маркетинг
Создавайте красивые OG-изображения
og:image-right ✓
Расскажите о своём запуске
og:hero
Лаконичного заголовка достаточно
og:basic
Журнал изменений
Версия v2.0 вышла — что нового
og:notice

// Бесплатный инструмент

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

Быстро создавайте готовые к публикации Open Graph изображения. Выберите шаблон, отредактируйте текст, подберите фон — и экспортируйте.

Создаём предпросмотр…

изображение обновляется в реальном времени — регистрация не нужна

// Как это работает

Три шага до готового к публикации изображения

01
Выберите шаблон

Начните с макетов точного размера для карточек Open Graph (1200×630) и заголовков X (1500×500).

02
Сделайте его своим

Отредактируйте заголовок, тег, логотип и фон. Предпросмотр обновляется в реальном времени по мере ввода.

03
Экспортируйте и публикуйте

Скачайте PNG, JPEG или WebP с понятным именем файла и настраиваемым качеством.

// Почему этот инструмент

Создан для тех, кто выпускает продукты

Редактор с живым предпросмотром

Настраивайте текст, шрифты и фоны и наблюдайте, как итоговое изображение обновляется в реальном времени.

8 профессиональных шаблонов

Аккуратные пресеты для карточек Open Graph и заголовков X/Twitter — никакого пустого холста.

PNG · JPEG · WebP

Скачайте PNG, JPEG или WebP с понятным именем файла и настраиваемым качеством.

Метатеги

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

Единый стиль бренда

Сохраняйте единую типографику, отступы и композицию во всех ссылках, которыми вы делитесь.

Бесплатный старт

Сервер не хранит полученную страницу длительное время. Импортированные поля сохраняются как локальный черновик в этом браузере.

// Гид по Open Graph

Что делает OG-изображение хорошим?

Изображение Open Graph — это картинка предпросмотра, которая появляется при публикации вашей ссылки в X, Facebook, LinkedIn, Slack или iMessage. Она задаётся одним метатегом og:image и часто становится первым, что люди видят от вашего сайта.

Хорошее OG-изображение делает опубликованную ссылку более удобной для быстрого просмотра и узнавания. Оно должно считываться с первого взгляда: короткий крупный заголовок, чёткий контраст с фоном и логотип для узнаваемости.

01Держите текст в безопасной области — Платформы по-разному обрезают края, поэтому размещайте заголовки подальше от границ.
02Используйте крупный шрифт — В ленте заголовки выглядят мелко; размер от 60px при 1200×630 остаётся разборчивым.
03Контраст важнее украшений — Тёмный текст на светлом фоне или наоборот работает лучше перегруженной графики.
04Сохраняйте единый стиль — Один шаблон для всего сайта делает каждую публикацию узнаваемой.
Справочник размеров
og:image1200 × 630 · 1.91:1
Шапка X1500 × 500 · 3:1
минимум600 × 315
размер файла< 1 МБ
форматPNG / JPEG / WebP
<!-- добавьте в <head> -->
<meta property="og:image"
content="https://your.site/og.png">
// FAQ

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

Есть другой вопрос? Свяжитесь с нами на GitHub или по электронной почте.

Что такое OG-изображение и зачем оно нужно?

OG-изображение (Open Graph) — это картинка предпросмотра, которая появляется при публикации вашей ссылки на таких платформах, как X, Facebook, LinkedIn и Slack. Понятное OG-изображение добавляет в превью хорошо читаемый заголовок, полезный контекст и узнаваемое оформление бренда.

Этот инструмент действительно бесплатный? В чём подвох?

Редактор бесплатен — без регистрации и без водяных знаков.

Какие размеры изображений поддерживаются?

Стандартные размеры Open Graph (1200×630) и размеры заголовков X/Twitter (1500×500). Шаблоны оптимизированы под эти размеры, поэтому ваши изображения корректно выглядят на любой платформе.

Какие форматы экспорта поддерживаются?

Скачайте PNG, JPEG или WebP с понятным именем файла и настраиваемым качеством.

Какие шрифты и параметры настройки доступны?

19 семейств шрифтов с несколькими начертаниями, настраиваемые фоны (сплошные цвета, градиенты, паттерны), сетчатые наложения и эффекты шума. У каждого шаблона свои параметры для текста, макета и оформления.

Можно ли использовать сгенерированные изображения в коммерческих целях?

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

Создайте своё следующее OG-изображение.

Вставьте URL общедоступной страницы, чтобы обнаружить её социальные метаданные и перенести в редактор заголовок, описание и название сайта.