Генератор OG-изображений
Создавайте превью Open Graph для соцсетей.
Дизайн картинок для соцсетей, которые собирают клики
Обзор
Когда ссылку публикуют в Twitter/X, Facebook, LinkedIn, Slack или Discord, карточка предпросмотра подтягивает Open Graph (og:image) — крупное изображение над заголовком. Хорошо оформленное OG-изображение заметно повышает кликабельность; отсутствующее или сломанное делает ссылку ненадёжной на вид. Стандартный размер — 1200×630 пикселей. Этот генератор позволяет собрать брендированное изображение с заголовком, фоном и акцентными цветами и экспортировать его для тега og:image вашего сайта.
Как пользоваться (по шагам)
- 1
Введите заголовок и оформление
Введите заголовок, выберите цвета фона и акцента. Предпросмотр обновляется в реальном соотношении 1200×630.
- 2
Экспортируйте PNG
Скачайте отрисованное изображение в полном разрешении Open Graph.
- 3
Подключите в мета-теги
Разместите PNG и добавьте теги og:image и twitter:image в <head> страницы.
Как это работает
Вы собираете макет — заголовок, необязательный подзаголовок, цвет или градиент фона и акцент — в живом предпросмотре 1200×630. Инструмент рендерит дизайн на canvas в точных размерах OG и экспортирует PNG. Вы размещаете PNG и ссылаетесь на него в мета-тегах Open Graph и Twitter Card. Соцсети получают изображение при первой публикации ссылки и кэшируют его для карточек. Генерация идёт локально в браузере.
Когда пригодится
Дать каждому посту блога отдельную брендированную карточку вместо общего логотипа сайта. Создание анонсов запуска продуктов или функций. Сделать ссылки на события или вебинары аккуратными при публикации в Slack/Discord. Стандартизация изображений для шеринга на маркетинговом сайте. A/B-тестирование заголовков на карточках для роста кликабельности.
Частые вопросы
1200×630 пикселей (соотношение 1,91:1) — универсальный стандарт для Facebook, LinkedIn и крупной карточки Twitter. Держите важный текст подальше от краёв, так как некоторые платформы слегка обрезают.