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

Бесплатный генератор 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 общедоступной страницы, чтобы обнаружить её социальные метаданные и перенести в редактор заголовок, описание и название сайта.