Когда ссылка публикуется в Facebook, LinkedIn, Twitter или WhatsApp, платформа извлекает изображение предпросмотра со страницы и отображает его вместе со ссылкой. Это изображение предпросмотра называется изображением Open Graph, и 1200x628 - это размер, который корректно отображается на всех этих платформах без обрезания или масштабирования, которые отрезают важный контент. Веб-сайты, которые не устанавливают изображение OG в этом размере, получают предпросмотры ссылок, которые выглядят сломанными, используют случайное изображение со страницы или вообще ничего не отображают. Для любой страницы, предназначенной для публикации в социальных сетях, наличие изображения OG точно в размере 1200x628 является базовым требованием.
Как изменить размер изображения до 1200x628
Введите 1200 в поле ширины и 628 в поле высоты. Это горизонтальный формат с соотношением примерно 1.91:1. Если исходное изображение уже близко к этому соотношению, оставление флажка Сохранять пропорции включенным масштабирует чисто. Если исходное изображение квадратное или портретное, отключите его, чтобы принудительно задать оба размера точно как введено.
Для изображений OG стоит убедиться, что самый важный контент находится в центре кадра перед загрузкой. Некоторые платформы немного обрезают изображения OG в определенных контекстах отображения, поэтому размещение ключевого визуального элемента вдали от краев предотвращает его обрезание в предпросмотре ссылки. Загружайте несколько изображений OG одновременно и загружайте их в виде ZIP-архива по завершении.
Распространенные варианты использования изображений 1200x628
Мета-изображения Open Graph для веб-сайтов и записей в блогах являются основным вариантом использования. Каждая страница, которая публикуется в социальных сетях, выигрывает от наличия изображения OG, установленного в размере 1200x628. Facebook, LinkedIn и WhatsApp используют этот размер как рекомендуемый для изображений предпросмотра ссылок.
Изображения карточек Twitter следуют аналогичному размеру, и 1200x628 также работает в форматах карточек Twitter. Изображения заголовков email-рассылок и рекламные баннеры, которые также используются как предпросмотры ссылок, часто готовятся в этом размере, чтобы охватить оба варианта использования одним файлом.
Формат вывода для изображений OG
JPEG является стандартным выбором для изображений OG. Предпросмотры ссылок загружаются по запросу, когда кто-то делится ссылкой, и файл JPEG меньшего размера загружается быстрее, чем PNG того же визуального контента. PNG стоит использовать, если изображение OG содержит текст, логотипы или графические элементы с плоскими цветами, где чистое отображение важнее размера файла. WEBP все чаще поддерживается для изображений OG, но JPEG остается самым безопасным выбором для максимальной совместимости на всех платформах, отображающих предпросмотры ссылок.