Как это работает
- Выберите фото или картинку с телефона или компьютера.
- Проверьте предпросмотр: кадр 1200×630 заполняется целиком, лишнее по краям обрезается по центру.
- Запустите обработку и посмотрите результат.
- Скачайте готовый JPG 1200×630.
Open Graph размер картинки: 1200×630 пикселей
Open Graph — это набор тегов, по которым соцсети берут название и картинку для превью ссылки. Картинку задаёт тег og:image. Meta for Developers в рекомендациях по публикациям советует изображение 1200×630 пикселей и весом до 8 МБ. Для превью ссылок в LinkedIn указан размер 1200×627 с теми же пропорциями 1,91:1.
Инструмент собирает кадр 1200×630 в формате JPG. Разница с 1200×627 всего три пикселя по высоте, а соотношение сторон практически то же, поэтому одну картинку обычно можно использовать для обеих площадок. Вес файла на выходе меньше 2 МБ, то есть заметно ниже лимита Meta.
Как сделать open graph картинку из своего фото
Выберите исходник покрупнее: лучше всего подходит горизонтальное фото шириной от 1200 пикселей. Инструмент заполняет кадр целиком и обрезает лишнее по краям относительно центра, поэтому логотип, лицо или заголовок стоит держать ближе к середине. Вертикальное фото потеряет заметную часть сверху и снизу: из высокого кадра вырезается широкая полоса. Если в предпросмотре что-то важное срезано, выберите другой кадр или заранее подготовьте исходник с пропорциями около 1,91:1.
Текст на обложку добавляйте до обработки в любом редакторе: инструмент ничего не дорисовывает, а только подгоняет размер. Готовый JPG загрузите на сайт и укажите в теге og:image или в поле изображения записи. Такая картинка часто служит и обложкой записи в блоге, например на WordPress. В разных соцсетях превью может выглядеть чуть по-разному, поэтому проверьте результат после публикации ссылки.
Вес файла, чёткость и приватность
Если исходник меньше 1200×630, его придётся растянуть, и превью получится мягким и размытым. Берите оригинал или скриншот крупнее нужного размера. JPG хорошо передаёт фотографии, а у картинок с мелким текстом проверьте чёткость надписей на готовом файле. Вес здесь не настраивается: пресет держит файл меньше 2 МБ. Если нужен жёсткий лимит, например 500 или 200 КБ, откройте страницу «Сжать фото до 500 КБ онлайн бесплатно» или «Сжать фото до 200 КБ онлайн в JPG».
Для превью видео на YouTube нужна другая страница: «Размер превью YouTube 3840×2160 до 2 МБ». Сервис бесплатный, работает на телефоне и компьютере, регистрация не нужна. Фото обрабатывается в браузере и никуда не загружается, водяных знаков нет.
Часто задаваемые вопросы
Какой размер картинки для превью ссылки нужен?
Meta for Developers рекомендует для og:image 1200×630 пикселей. Инструмент выдаёт JPG ровно такого размера с пропорциями 1,91:1.
Какой вес должна иметь open graph картинка?
По рекомендациям Meta, до 8 МБ. Готовый JPG из этого инструмента весит меньше 2 МБ, так что в лимит он укладывается с запасом.
Подходит ли 1200×630 для LinkedIn?
LinkedIn для превью ссылок указывает 1200×627 (1,91:1). У кадра 1200×630 те же пропорции, а разница по высоте составляет три пикселя.
Почему картинка в превью ссылки обрезается?
Кадр 1200×630 заполняется целиком, лишнее по краям обрезается по центру. Сильнее всего страдают вертикальные фото: держите главное ближе к середине и проверьте предпросмотр до скачивания.
Почему open graph картинка получилась размытой?
Скорее всего, исходник меньше 1200×630 и его пришлось растянуть. Возьмите оригинал покрупнее, тогда после уменьшения изображение останется чётким.
Как сделать картинку для превью ссылки на телефоне?
Откройте страницу в браузере телефона, выберите фото и скачайте готовый JPG. Регистрация не нужна, фото не загружается на сервер.