Генератор изображения для публикации (og:image)
Напишите заголовок, выберите цвета и, при желании, фоновое фото и логотип. Скачайте изображение 1200×630 и вставьте мета-теги в <head> страницы.
Как пользоватьсяИзображение для ссылки на сайт
Доступно на: 
Генератор изображения для публикации (og:image): для чего нужен
Напишите заголовок и подзаголовок, выберите цвета фона, акцента и текста, а также шрифт и при желании добавьте фоновое фото (с настраиваемым затемнением) и логотип. Заголовок сам подстраивается, чтобы уместиться максимум в три строки.
Скачайте в JPG или PNG и скопируйте мета-теги og:title, og:description, og:image с шириной и высотой и twitter:card, готовые для head страницы.
Как пользоваться
- Напишите заголовок и подзаголовок.
- Выберите цвета и, при желании, фоновое фото и логотип.
- Скачайте изображение и вставьте мета-теги на сайт.
Когда использовать
- Ссылка на сайт с красивым предпросмотром в мессенджере.
- Изображение для публикации постов блога.
- Предпросмотр страниц товаров и услуг в соцсетях.
Частые вопросы
Какой размер правильный для og:image?
1200×630 пикселей (пропорции примерно 1,91:1) — размер, рекомендуемый Facebook, он подходит для мессенджеров и других сетей. Держите важный текст подальше от краёв, потому что некоторые приложения обрезают изображение до квадрата.
Почему мессенджер не показывает изображение?
Проверьте, что og:image использует полный адрес (с https://), что файл общедоступен и не слишком тяжёлый (идеально — менее 300 КБ) и что страница не блокирует роботов. Мессенджеры кэшируют предпросмотр; чтобы проверить заново, измените адрес, например добавив ?v=2.
JPG или PNG?
JPG обычно получается заметно легче с фоновыми фото; PNG лучше, когда на изображении только сплошные цвета и текст.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.