PNG
Оптимальный вариант по умолчанию для четкого шрифта, логотипов и плоской графики; файлы могут быть больше для фотографических фонов.
Размеры с контекстом публикации
Выберите размер изображения OG, который соответствует реальным карточкам ссылок.
Начните с надежного кросс-платформенного холста, защитите важный контент от обрезки краев и выберите формат в зависимости от изображения, а не привычки.
Почему 1200×630 является практическим вариантом по умолчанию
Изображение 1200×630 имеет соотношение сторон 1.91:1 и является надежной отправной точкой для больших карт Open Graph. Он предоставляет достаточно деталей источника, не подразумевая, что каждая платформа отображает один и тот же кадр.
Относитесь к холсту как к основному ресурсу, а не как к обещанию идеального по пикселям результата. Храните заголовок, логотип и лица в просторном безопасном месте, поскольку карточки, устройства и эксперименты могут обрезать края.
Отправные точки общего социального имиджа
Используйте каждую строку для ее именованного размещения; Шапки профилей и карточки ленты — это разные активы.
| Размещение | Начальный размер | Соотношение сторон | Практическое примечание |
|---|---|---|---|
| Open Graph соединительная карта | 1200×630 | 1.91:1 | Подходит как основное изображение страницы для разных платформ. |
| Минимальный практичный размер | 600×315 | 1.90:1 | Сохраняет форму большой карточки, но выглядит менее чётко на экранах высокой плотности; это практический минимум. |
| Квадратный социальный пост | 1200×1200 | 1:1 | Подходит для квадратной публикации в ленте, но не заменяет OG-карточку ссылки. |
| Шапка профиля X | 1500×500 | 3:1 | Создавайте отдельно и не растягивайте карточку ссылки до шапки профиля. |
| Обложка компании LinkedIn | 1128×191 | 5.91:1 | Это обложка компании 1128×191 с кадрированием, которое заметно отличается от карточки ссылки. |
Компромиссы PNG, JPEG и WebP
JPEG
Эффективен для фотографий и текстурированных изображений; избегайте агрессивного сжатия небольшого текста и логотипов.
WebP
Часто сочетает в себе высокое качество и файлы меньшего размера, но убедитесь, что каждый CMS, CDN и место назначения в вашем рабочем процессе поддерживают его.
Размер и безопасная зона перед полетом
Экспорт большего размера в стиле Retina не создает нового соотношения макетов; он только увеличивает исходные пиксели.
- Используйте 1200×630 или другой специальный холст 1.91:1 для основного актива OG.
- Держите важный текст, логотипы и лица подальше от всех четырех краев.
- Проверьте изображение на карточке небольшого размера, где мелкий текст и тонкий контраст исчезают.
- Экспортируйте версию Retina 2× только в том случае, если вашему конвейеру требуется более подробная информация об исходном коде; сохранить то же соотношение.
- Проверьте окончательную общедоступную версию URL, тип носителя и доступность файла после развертывания.
Размеры и отступы
Вопросы о размерах OG
Понятно о размерах, форматах и обрезке.
Размер 1200×630 обязателен везде?
Это надёжный межплатформенный вариант, но не универсальный предел. Другие размеры могут обрезаться менее предсказуемо.
Какой формат файла выбрать?
PNG подходит для текста, JPEG уменьшает фотографии, а WebP стоит брать только при поддержке всем процессом публикации.
Шапка X и OG-изображение — одно и то же?
Нет. Шапка профиля намного шире; используйте отдельный шаблон 1500×500.
Планирование, предварительный просмотр и публикация
Сравните предварительные просмотры в социальных сетях
Узнайте, почему одна исходная карта может отображаться по-разному в зависимости от платформы.
Посмотреть цены
Сравните планы более масштабного процесса публикации.
Читать блог
Ознакомьтесь с практическими руководствами по выбору размера и публикации изображений.
Начните с правильного холста
Откройте редактор с рекомендуемым соотношением, следуйте рекомендациям по отступам и экспортируйте в нужном формате.