Как сделать превью для ВКонтакте: размер, формат, советы

Когда вы делитесь ссылкой в ВКонтакте (в посте, комментарии или личном сообщении), соцсеть автоматически показывает карточку: картинку, заголовок и короткое описание. Эта карточка берётся из Open Graph-разметки страницы. Если картинка не настроена, VK покажет голую ссылку или серую заглушку — и кликать по ней будут заметно реже. Разберём, какой размер выбрать, как VK читает превью и что делать, если он показывает старую картинку.

Размер превью для ВКонтакте

VK работает со стандартным Open Graph-размером — 1200×630 пикселей (соотношение 1.91:1). Это тот же формат, который используют Facebook, Telegram и LinkedIn, поэтому одна картинка покроет сразу все площадки.

Карточка в VK показывается по-разному в разных местах: в посте и комментарии картинка обрезается до компактного квадрата, в личных сообщениях — разворачивается почти на всю ширину чата. Поэтому главное правило: важный контент — заголовок, логотип, крупные элементы — держите в центре картинки, с запасом от краёв минимум 60–80 пикселей. Тогда любая обрезка не испортит превью.

Минимальный размер — 200×200 пикселей: слишком маленькие картинки VK может проигнорировать и показать карточку без изображения. Максимальный вес файла — 10 МБ, но на практике хватает 200–300 КБ.

Как VK извлекает превью

Когда вы вставляете ссылку, серверы ВКонтакте заходят на страницу и читают мета-теги:

og:title — заголовок карточки
og:description — описание под заголовком
og:image — ссылка на картинку

Пример корректной разметки:

<meta property="og:title" content="Как мы запустили продукт за 30 дней">
<meta property="og:description" content="История без бюджета и с рисками">
<meta property="og:image" content="https://site.ru/og-cover.png">

Важно: в og:image должна быть абсолютная ссылка с доменом и https, а картинка — открываться без авторизации. Относительный путь вида /images/cover.png VK не подхватит. Если тегов нет, VK возьмёт заголовок из <title> и первое попавшееся изображение со страницы — чаще всего это логотип из шапки или случайная иконка, и карточка выглядит слабо.

Кэширование VK

VK кэширует превью при первой вставке ссылки. Если вы заменили og:image, а VK всё ещё показывает старую версию, есть два пути.

Первый — официальный метод pages.clearCache. Откройте страницу для разработчиков VK, найдите метод pages.clearCache, вставьте свой URL и нажмите «Выполнить» — кэш сбросится, и при следующей вставке ссылки VK заберёт свежую картинку. Второй — трюк с версией в адресе: добавьте к ссылке параметр, например ?v=2 — для VK это будет «новая» ссылка, и он извлечёт превью заново.

Если не делать ничего, кэш обновится сам в течение нескольких дней. Но когда обложка нужна «вчера», эти два способа выручают. Больше способов сбросить кэш в разных соцсетях — в статье про обновление превью.

Советы для превью VK

Крупный заголовок — в постах VK обрезает картинку до квадрата, текст должен читаться даже в маленьком окне. Оптимально — 4–7 слов.
Контраст — тёмный текст на светлом фоне или наоборот. Полупрозрачные и пастельные сочетания съедают грань между карточкой и фоном ленты.
Контент в центре — края превью режутся в сообщениях и комментариях, держите отступы 60–80 пикселей.
Бренд в углу — логотип или название сообщества повышают узнаваемость, но угол тоже может уйти под обрезку: разместите его в центральной зоне.
Без мелких деталей — тонкие линии, длинные абзацы и скриншоты интерфейса превращаются в шум на компактной карточке.

Как создать превью для ВКонтакте быстро

В OG Studio есть формат «Open Graph» (1200×630), который подходит для VK без обрезки по базовой карточке. ИИ-копирайтер предложит 3 варианта заголовка, а готовые шаблоны выдержат и квадратную обрезку — важные элементы уже в безопасной зоне.

Можно и быстрее: вставьте ссылку на свою статью — OG Studio извлечёт заголовок и описание, и останется только выбрать шаблон и скачать картинку. Дальше просто добавьте её в og:image и проверьте карточку через pages.clearCache. Про то, как та же картинка работает в Telegram, — в гайде по обложкам Telegram.