Ссылки без Open Graph изображения пролистывают в лентах. Этот генератор даёт чистую типографскую обложку точно того размера, который хочет каждая площадка — OG 1200×630, Twitter/X, миниатюра YouTube, квадратный пост или вертикальная story — с автоматическим переносом текста, справляющимся и с латиницей, и с иероглифами.
Выберите один из восьми градиентных фонов, задайте заголовок, подзаголовок и ваш домен и скачайте PNG. Живое превью — это и есть тот самый холст, который экспортируется, поэтому что видите, то и получаете.
Как пользоваться
- Выберите размерOG, Twitter, YouTube, квадрат или story.
- Напишите текстЗаголовок, необязательный подзаголовок и ваш бренд или домен в углу.
- Скачайте PNGПревью — это и есть файл: точные пиксели, готово к загрузке.
Проектируйте обложки для соцсетей в браузере
Этот генератор делает обложки, которые появляются, когда ссылкой делятся, — карточку Open Graph в Facebook и LinkedIn, карточку-сводку в Twitter/X и миниатюры в других местах. Выберите пресет — и он задаёт точный размер в пикселях, который хочет каждая платформа: OG в 1200x630, Twitter/X в 1200x675, YouTube в 1280x720, квадрат 1080x1080 или сторис 1080x1920. Никаких догадок о размерах.
Вы добавляете заголовок, подзаголовок и текст бренда поверх одного из восьми градиентных фонов. Текст переносится автоматически и справляется как с английским, так и с CJK, так что и длинные заголовки, и китайские названия остаются внутри кадра. Живое превью — это ровно тот холст, который экспортируется, так что что видите, то и скачивается.
Отправьте PNG прямо в ваши meta-теги
Когда обложка выглядит правильно, скачайте её как PNG и направьте на неё теги og:image и twitter:image. Правильное изображение для шеринга в соцсетях — это то, что превращает голую ссылку в карточку с настоящей картинкой, а это притягивает куда больше кликов в лентах и чатах, чем простой URL.
Всё отрисовывается на вашем устройстве, так что вы можете сделать изображение превью ссылки для поста блога, запуска или видео без дизайн-софта или аккаунта.
Для чего это используют
Карточка шеринга поста блога — Сделайте OG-изображение 1200x630 с заголовком поста, чтобы ссылка показывала настоящую карточку в соцсетях.
Карточка Twitter/X — Экспортируйте изображение 1200x675 под размер карточки-сводки X, а не получайте неуклюжую обрезку.
Превью YouTube — Постройте обложку 1280x720 с жирным заголовком для превью видео.
Запуск товара или функции — Создайте брендированную обложку 1200x630, чтобы ссылки запуска выглядели продуманно при шеринге.
Квадратный пост Instagram — Сгенерируйте квадрат 1080x1080 с заголовком и знаком бренда для поста в ленте.
Обложка сторис или рилса — Спроектируйте вертикальную обложку 1080x1920 для сторис или короткого видео.
Единообразные обложки бренда — Переиспользуйте градиент и текст бренда по постам, чтобы ссылки при шеринге оставались визуально в стиле бренда.
Двуязычные заголовки — Задайте английский или китайский заголовок и дайте автопереносу удержать его внутри кадра.
Создайте изображение, которое появляется, когда вашей ссылкой делятся
Когда вы вставляете ссылку в Slack, iMessage, LinkedIn или твит, карточка превью делает тихую работу: изображение на этой карточке часто самая главная причина, по которой кто-то нажимает. Это изображение Open Graph — 1200 × 630 для большинства платформ, чуть иное соотношение для Twitter/X, 1280 × 720 для превью YouTube, квадрат или история 9:16 для других лент. Выпустите страницу без него, и карточка откатится к обрезанному логотипу или к пустоте, а ваш тщательно написанный пост выглядит в ленте незаконченным.
Задача мелкая, но кропотливая. Нужны точный размер в пикселях для платформы, фон, хорошо читаемый в масштабе миниатюры, заголовок, достаточно крупный, чтобы пережить уменьшение в ленте, и, может, подзаголовок и ваш домен. Дизайн-инструменты умеют всё это, но заставляют настраивать холст, искать шаблон и экспортировать в нужных размерах — настоящие накладные расходы для того, что вы, возможно, переделываете для каждого поста в блоге. Специализированные генераторы OG-изображений упрощают это, но многие хотят аккаунт, просят загрузить ассеты или запирают вас в вид своего шаблона.
OG Image генерирует карточку в браузере. Выберите пресет — OG / Facebook 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, квадрат 1080 × 1080 или история 1080 × 1920, — выберите градиент, введите заголовок, подзаголовок и бренд или домен, и он компонует всё на Canvas точно того размера, который ждёт платформа. Заголовок сам переносится и масштабируется, лёгкое ненавязчивое украшение не даёт ему выглядеть плоским, а переключатель тёмного текста справляется со светлыми фонами. Ничего не загружается, так что ещё не опубликованный заголовок остаётся на вашей машине, а вы получаете чистый PNG, названный по своему размеру, готовый вставить в тег og:image.
Чем это отличается
- Верный размер, каждая платформа. OG 1200 × 630, Twitter/X 1200 × 675, YouTube 1280 × 720, квадрат и история — точные пиксели, без сюрпризов обрезки.
- Текст, переживающий миниатюру. Заголовки сами переносятся и масштабируются, с подзаголовком и строкой бренда/домена, плюс переключатель тёмного текста для светлых градиентов.
- Восемь градиентов, компонуются вживую. Ненавязчивый декоративный штрих не даёт карточке выглядеть как плоский цветной блок, и каждое изменение показывается мгновенно.
- Ничего не загружается. Ваш неопубликованный заголовок и любые формулировки остаются в браузере; никакие ассеты не уходят на сервер.
- Работает офлайн. Закешировано после первого визита, так что карточки можно делать в полёте.
- Бесплатно, без аккаунта, без водяного знака. Скачайте чистый PNG, названный по своим размерам.
IMG.DIY против других инструментов OG-изображений
Canva и специализированные генераторы OG способны, но несут больше настройки и обычно прогоняют вашу работу через свои серверы или шаблоны.
| Аспект | Canva | Специализированные генераторы OG-изображений | IMG.DIY |
|---|---|---|---|
| Требуется аккаунт | Да | Часто | Нет |
| Загрузки / рендер на сервере | На сервере | Часто | Нет, всё в браузере |
| Пресеты размеров платформ | Вручную или шаблон | Да | OG, Twitter/X, YouTube, квадрат, история |
| Гибкость дизайна | Очень высокая | Привязана к шаблону | Сфокусирована: градиент + заголовок/подзаголовок/бренд |
| Скорость до готовой карточки | Средняя | Быстро, но часто с ограничениями | Ввести, выбрать, скачать |
| Офлайн | Нет | Нет | Да, после первого визита |
| Водяной знак | На некоторых экспортах | Иногда на бесплатном тарифе | Нет |
Canva выигрывает, когда вам нужна полностью своя карточка с фото, логотипами и точным контролем раскладки — это настоящий дизайн-инструмент, стоящий того для главной графики. Специализированные генераторы OG быстры и заточены под задачу, но многие запирают хороший вывод за аккаунтом, шагом загрузки или фиксированным стилем шаблона. OG Image стоит на быстром, приватном краю: меньше настроек, но те, что важны, — точный размер платформы, читаемый заголовок, градиент, строка бренда, — без входа и без того, чтобы что-то покидало ваш браузер. Для рутинной задачи дать каждой странице приличную карточку для шеринга этого обычно достаточно.
Почему IMG.DIY
5 размеров площадок
От OG 1200×630 до story 1080×1920.
8 градиентов
Чистые фоны, которые не спорят с текстом.
Умный перенос
Корректно обрабатывает длинные заголовки и иероглифический текст.
Мгновенно
Ни графического приложения, ни сайта с шаблонами, ни входа.