Размер OG-картинки (Open Graph): руководство 2026

22 августа 2026 · 5 мин чтения

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

Стандартный размер OG-картинки

Рекомендуемый размер OG-картинки — 1200×630 пикселей (соотношение сторон 1.91:1). Это стандарт, который поддерживают все основные платформы:

ПлатформаРазмерСоотношение
Telegram1200×6301.91:1
ВКонтакте1200×6301.91:1
Facebook1200×6301.91:1
LinkedIn1200×6271.91:1
Slack1200×6301.91:1
Discord1200×6301.91:1

Как добавить OG-картинку на сайт

⚠️ Для продвинутых пользователей. Этот раздел требует доступа к HTML-коду вашего сайта. Если у вас конструктор (Tilda, WordPress, Wix) — ищите поле «Картинка для соцсетей» или «SEO → Open Graph» в настройках страницы, оно делает то же самое без кода.

OG-картинка задаётся через мета-тег og:image, который нужно разместить внутри блока <head> — это «шапка» HTML-страницы, где живут служебные теги для поисковиков и соцсетей. Пошагово:

  1. Скачайте готовую OG-картинку (1200×630) из редактора OG Studio.
  2. Загрузите её на свой сайт (в корень, папку /images/ или CDN) — у картинки должен быть публичный URL вида https://yoursite.com/og-image.png.
  3. Откройте HTML вашей страницы и добавьте в <head> теги из примера ниже, подставив свой URL.
  4. Сохраните, опубликуйте и проверьте: отправьте ссылку себе в Telegram — превью подтянется автоматически.
<meta property="og:image" content="https://yoursite.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:title" content="Заголовок вашей страницы">
<meta property="og:description" content="Описание вашей страницы">

Также рекомендуется добавить тег twitter:card для Twitter/X:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://yoursite.com/og-image.png">

Частые ошибки

  • Слишком маленькое изображение — минимальный размер 200×200, но всё, что меньше 600×315, отображается плохо.
  • Квадратное изображение — если вы используете 1:1 вместо 1.91:1, некоторые платформы обрежут картинку.
  • Не кэшируется — после добавления og:image соцсети кэшируют превью. Если меняете картинку, используйте параметр ?v=2 в URL или подождите 24–48 часов.
  • Текст за пределами безопасной зоны — оставляйте отступы по 80px с каждой стороны, чтобы платформы не обрезали текст.
  • Большой файл — OG-картинка должна весить до 8 МБ, оптимально — до 300 КБ.

Как создать OG-картинку быстро

В OG Studio можно создать OG-картинку 1200×630 за 30 секунд: введите тему или вставьте URL статьи, AI предложит заголовки, выберите шаблон и скачайте PNG. Без регистрации, бесплатно (5 генераций в час).