Проверка размера OG-изображений

Загрузите изображение или вставьте URL-адрес, чтобы узнать его размер, соотношение сторон и вес файла, а также увидеть, как его обрезают X, LinkedIn, Facebook, Slack, WhatsApp и iMessage.

A page URL reads its og:image tag for you.
Or upload an image
or drop it here. It stays in your browser.
Image size4/6 platforms fit
Dimensions2400 × 1260
Aspect ratio1.90:1
File size629 KB
FormatPNG
Example: the framer.com og:image
XCrops 5% from top and bottom
FacebookFits
LinkedInFits
SlackShown at its own ratio
WhatsAppOver 600 KB
iMessageFits
At 629 KB it's over WhatsApp's 600 KB limit, so WhatsApp may show the link without an image. Compress it to under 600 KB.
The dimensions work on every platform. Keep text away from the edges, because X trims the image to 2:1.

Размеры изображений Open Graph для всех платформ

Используйте разрешение 1200 × 630 пикселей с соотношением сторон 1,91:1 и следите, чтобы размер файла не превышал 1 МБ. Это универсальное изображение подойдет для всех основных платформ согласно установленным ими ограничениям.

PlatformRecommendedRatioMinimumMax file size
X1200 × 6282:1 (1.91:1 works)300 × 1575 MB
Facebook1200 × 6301.91:1200 × 2008 MB
LinkedIn1200 × 6271.91:1401 px wide5 MB
Slack1200 × 630Keeps the image ratioNone publishedNone published
WhatsApp1200 × 6301.91:1 (4:1 or less)300 px wide600 KB
iMessage1200 × 6301.91:1900 px wide10 MB

Используйте 1200 × 630 пикселей

Именно такой размер запрашивают Facebook и LinkedIn, а X обрезает его до соотношения 2:1 с потерей всего нескольких пикселей. Изображения меньшего размера выглядят размытыми на экранах Retina, а всё, что меньше 401 пикселя по ширине, LinkedIn отображает в виде маленькой миниатюры.

По возможности размер файла не должен превышать 600 КБ

Facebook разрешает до 8 МБ, а X — до 5 МБ, но WhatsApp отключает большой предпросмотр для изображений тяжелее примерно 600 КБ. Файлы JPG или WebP с качеством 80% обычно весят намного меньше этого лимита.

Не размещайте текст и логотипы близко к краям

X обрезает изображения до формата 2:1, мессенджеры могут кадрировать их в квадрат, и практически каждая платформа скругляет углы. Оставляйте отступы около 60 пикселей с каждой стороны, чтобы ничего важного не обрезалось.

Укажите теги ширины и высоты

Добавьте og:image:width и og:image:height, чтобы платформы могли отобразить карточку еще до загрузки изображения. Генератор метатегов пропишет их за вас, а инструмент проверки метатегов покажет готовый результат в реальном времени.

Часто задаваемые вопросы о размере OG-изображений

Краткие ответы о размерах изображений Open Graph, соотношении сторон и ограничениях на размер файлов.

Какой оптимальный размер изображения Open Graph (OG)?

1200 × 630 пикселей, соотношение сторон 1,91:1. Это размер, который рекомендует Facebook, он соответствует минимуму LinkedIn (1200 × 627), а X отображает его в виде большой карточки лишь с небольшой обрезкой.

Какой размер изображения для карточки Twitter / X?

В карточке типа summary_large_image изображение отображается с соотношением сторон 2:1, поэтому используйте размер 1200 × 628 или 1200 × 630 пикселей, не менее 300 × 157 пикселей и весом до 5 МБ. В обычной карточке summary используется квадратное изображение размером не менее 144 × 144 пикселей.

Почему мое OG-изображение обрезается?

У каждой платформы свои пропорции кадра. Если ваше изображение не близко к 1.91:1, платформа обрежет края — по бокам или сверху и снизу. Инструмент проверки покажет, какая именно часть изображения будет обрезана на каждой платформе.

Каков максимальный размер файла изображения Open Graph (OG)?

Facebook разрешает файлы до 8 МБ, LinkedIn и X — до 5 МБ, а WhatsApp показывает большое превью только при размере менее 600 КБ. Старайтесь укладываться в 1 МБ, чтобы поисковые роботы загружали изображение быстрее.

Сохраняется ли загруженное мной изображение?

Нет. Загруженные изображения обрабатываются в вашем браузере и никогда не покидают ваше устройство. При вставке URL-адреса страницы она запрашивается только для чтения тега og:image.