Генератор OG-зображень

Безкоштовно й без реєстрації: оберіть шаблон, впишіть заголовок і підпис, додайте логотип або фон — отримаєте картинку для превʼю посилання 1200×630 px (Facebook, LinkedIn, Telegram, Slack) або 1200×628 px (X/Twitter) і завантажите PNG чи JPG. Усе малюється у вашому браузері: файли нікуди не завантажуються. Готовий код meta-тегів — під картинкою.

Шаблон

Розмір

Шрифт

Заголовок Підзаголовок Підпис унизу (сайт, автор, рубрика)

Фон 1

Фон 2

Текст

Акцент

Логотип

Фонове фото

Показати безпечну зону (квадратна обрізка в месенджерах)

Meta-теги (замініть адресу картинки на свою)

Завантажте картинку на свій сайт і вкажіть повну адресу з https:// в og:image. Перевірити превʼю після публікації — перевірка Open Graph і картки X.

Коротко про інструмент

Ціна: Безкоштовно
Реєстрація: Не потрібна
Де відбувається обробка: У вашому браузері — дані не надсилаються на сервер
Що приймає: Заголовок, підзаголовок і підпис; логотип і фонове фото з вашого пристрою (до 15 МБ, PNG/JPEG/WebP/SVG)
Ліміти: Без лімітів
Результат: PNG або JPG 1200×630, 1200×628 чи 1200×1200 і готові meta-теги og:image та twitter:card
Оновлено: 2026-10-13

Альтернативи

Інші інструменти для того самого завдання і в чому кожен із них сильний:

Vercel OG Image Playground — Пісочниця бібліотеки @vercel/og: картинка описується кодом (JSX) — зручно, коли превʼю треба генерувати автоматично для кожної сторінки.
Canva — Графічний редактор із шаблонами під соцмережі; гнучкіший у дизайні, але потрібен акаунт.

Коли обрати цей інструмент: Коли картинка для превʼю потрібна за хвилину, без акаунта й без завантаження файлів на чужий сервер — з правильним розміром, безпечною зоною та готовими meta-тегами.

Описи звірено із сайтами цих інструментів у жовтні 2026 року.

Генератор OG-зображень для превʼю посилань

og:image — картинка, яку соцмережі й месенджери показують у превʼю посилання. Посилання з великою картинкою помітніше у стрічці, а без неї Facebook, LinkedIn, Telegram і X показують порожню або випадкову картку. Генератор малює таку картинку на canvas прямо в браузері: п’ять шаблонів, ваш заголовок, підзаголовок і підпис, логотип і фонове фото, свої кольори та три розміри — 1200×630 (Open Graph), 1200×628 (X) і 1200×1200. Текст сам добирає розмір шрифту й переноситься за словами; безпечна зона показує, що залишиться при квадратному обрізанні. Завантажте PNG чи JPG і вставте готові meta-теги.

5 шаблонів: градієнт, акцентна смуга, світлий, темний, фото

1200×630, 1200×628 для X і квадрат 1200×1200

Логотип і фонове фото з вашого пристрою — без завантаження на сервер

Автодобір розміру заголовка й безпечна зона для обрізання

Завантаження PNG/JPG і готові meta-теги og і twitter

Як користуватися

Оберіть шаблон і розмір
Впишіть заголовок, підзаголовок і підпис, додайте логотип або фон
Завантажте картинку, розмістіть на сайті й вкажіть її адресу в og:image

FAQ

1200×630 px (пропорції 1.91:1) — стандарт для Facebook і LinkedIn, і його добре показують Telegram, Slack і WhatsApp. Для X з карткою summary_large_image підходить 1200×628 (2:1), але 1200×630 X теж приймає. Файл — JPG чи PNG до 5 МБ (ліміт X), краще до 300–500 КБ.

Нікуди. Картинка малюється у вашому браузері на елементі canvas, файли читаються локально й не надсилаються на наш сервер; після закриття вкладки нічого не залишається.

Цей інструмент — для ручної роботи. Для сотень сторінок використовують генерацію на сервері: наприклад, бібліотеку @vercel/og у Next.js або плагіни CMS, що малюють картинку із заголовка запису. Спробувати підхід Vercel можна в їхньому OG Image Playground.

Розміри картинки превʼю за майданчиками

Де	Розмір	Що врахувати
Facebook, LinkedIn	1200×630 px (1.91:1)	Менше за 600×315 — картинка стане маленькою ліворуч від тексту
X (Twitter), summary_large_image	1200×628 px (2:1)	До 5 МБ, JPG/PNG/WEBP/GIF; з 2023 року в посилання видно лише картинку й домен
Telegram, Slack, Discord	беруть og:image	Підходить той самий 1200×630
WhatsApp, iMessage	беруть og:image	Інколи обрізають до квадрата — тримайте головне в центрі

Один файл 1200×630 закриває майже всі випадки. Окрема картинка для X потрібна, лише якщо важлива точна пропорція 2:1.

Якою має бути картинка

Великий короткий заголовок — 4–8 слів, читається на телефоні у стрічці. Довгий заголовок генератор сам зменшить, але краще скоротити текст.
Контраст — світлий текст на темному тлі чи навпаки; на фото — затемнення (шаблон «Фото із затемненням»).
Логотип або домен — щоб превʼю впізнавали. У X це особливо важливо: там у картки немає заголовка.
Безпечна зона — головне в центральному квадраті; увімкніть підсвічування зони, щоб перевірити.
Вага до 300–500 КБ — JPG зазвичай легший за PNG для фото, PNG кращий для пласких кольорів і тексту.

Як підключити картинку

Завантажте PNG чи JPG і розмістіть на своєму сайті (у медіатеці CMS або в теці із зображеннями).
Скопіюйте meta-теги з генератора в <head> сторінки й замініть адресу на повний шлях до файлу з https://.
Перевірте сторінку в перевірці Open Graph і картки X — вона завантажить картинку й звірить розмір, вагу та формат.
Якщо превʼю вже закешовано, завантажте картинку під новим імʼям: соцмережі кешують її за адресою.

Коли потрібен не генератор, а автоматизація

Для блогу чи каталогу із сотнями сторінок картинки малюють на сервері із заголовка запису: у WordPress — плагіни, у Next.js — бібліотека @vercel/og, в інших CMS — власні розширення. Цей генератор зручний для головної, лендингів, важливих статей і разових публікацій.