Настройки cookie
Мы используем cookie для аналитики. Политика конфиденциальности Вы можете принять или отклонить необязательный трекинг.
Практический гайд по теме «Размеры изображений Open Graph на 2026 год»: ключевые шаги, типичные ошибки и внедрение через Превью Open Graph.
Перейти к инструменту
Визуальный редактор Open Graph-тегов для соцсетей.
Каждая платформа обрезает Open Graph изображения по-разному. Неправильный размер -- и ваш тщательно подготовленный превью будет испорчен: текст обрезан, лица кропнуты, логотипы потеряны. Вот точные спецификации на 2026 год.
| Платформа | Размер (px) | Соотношение | Тип карточки |
|---|---|---|---|
| 1200 x 630 | 1.91:1 | Стандартный шеринг | |
| 1200 x 630 | 1.91:1 | Шеринг статьи/ссылки | |
| Twitter/X | 1200 x 628 | 1.91:1 | summary_large_image |
| Twitter/X | 120 x 120 | 1:1 | summary (маленькая карточка) |
| Discord | 1200 x 630 | 1.91:1 | Превью |
| Telegram | 1200 x 630 | 1.91:1 | Превью ссылки |
| 1200 x 630 | 1.91:1 | Превью ссылки | |
| ВКонтакте | 1200 x 630 | 1.91:1 | Сниппет |
Универсальный безопасный вариант: 1200 x 630 пикселей, соотношение 1.91:1. Работает везде.
Facebook, LinkedIn, Twitter и ВКонтакте обрезают края немного по-разному. Размещайте весь важный контент (текст, логотипы, лица) в центральных 80% изображения. Это означает отступ 120px со всех сторон для изображения 1200x630.
|--- 120px ---|---- видимая область 960x506 ----|--- 120px ---|<meta property="og:image" content="https://yoursite.com/images/og-cover.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />Всегда используйте абсолютный URL с HTTPS. Относительные пути и HTTP-ссылки молча игнорируются большинством платформ.
Для Twitter/X добавьте:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/images/og-cover.jpg" />?v=2 к URL для сброса кэша (см. Руководство по отладке кэша OG).Материал проверен редакцией Tools Hub на точность формулировок, практическую применимость и соответствие актуальным сценариям использования инструментов.
Проверено:
Практический гайд по теме «Почему превью OG не обновляются: отладка кэша»: ключевые шаги, типичные ошибки и внедрение через Превью Open Graph.
Структура блога AI создаёт SEO-оптимизированные планы статей, структуры экспертных материалов и пошаговые руководства.
Практический гайд по теме «Мета-описание План эксперимента по CTR для редакционных коллективов»: ключевые шаги, типичные ошибки и внедрение через AI-генератор мета-описаний.
Практический гайд по теме «Рабочий процесс программного метаописания для больших каталогов»: ключевые шаги, типичные ошибки и внедрение через AI-генератор мета-описаний.