Посилання без зображення Open Graph пропускають у стрічках. Цей генератор дає вам чисту, типографічну обкладинку точно того розміру, який хоче кожна платформа — OG 1200×630, Twitter/X, мініатюра YouTube, квадратний пост чи вертикальна сторіс — з автоматичним переносом тексту, що впорається як з латиницею, так і з CJK-текстом.
Оберіть один з восьми градієнтних фонів, задайте заголовок, підзаголовок і ваш домен і завантажте PNG. Живий перегляд — це і є те саме полотно, що експортується, тож що бачите, те й отримаєте.
Як користуватися
- Оберіть розмірOG, Twitter, YouTube, квадрат чи сторіс.
- Напишіть текстЗаголовок, необов'язковий підзаголовок і ваш бренд чи домен у кутку.
- Завантажте 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 до сторіс 1080×1920.
8 градієнтів
Чисті фони, що не конкурують з текстом.
Розумний перенос
Правильно опрацьовує довгі заголовки й CJK-текст.
Миттєво
Без графічної програми, без шаблонного сайту, без входу.