Как пользоваться
- Выберите один из 5 дизайнерских шаблонов: Modern Tech, Vibrant Gradient, Terminal / Hacker, Clean SaaS или Bold Horizon.
- Введите заголовок, подзаголовок, категорию, имя автора и ссылку на проект. Размер шрифта подстроится автоматически.
- Загрузите собственный аватар или логотип (будет аккуратно обрезан в круг) либо укажите инициалы для монограммы.
- Нажмите «Скопировать картинку» для быстрой вставки из буфера обмена или скачайте готовый файл в формате PNG или WebP.
Вопросы и ответы
Какой размер изображений генерирует инструмент?
Генератор создает изображения строго в разрешении 1200×630 пикселей с пропорцией ~1.91:1. Это общепринятый стандарт для мета-тега <meta property="og:image">, карточек Twitter Summary Large Image, превью ссылок в Telegram и LinkedIn.
Загружаются ли мои данные или картинки на сервер?
Нет. Вся отрисовка выполняется на 100% клиентски с помощью HTML5 Canvas 2D API прямо в вашем браузере. Изображения, заголовки и логотипы никогда не передаются по сети и остаются полностью конфиденциальными.
В чем преимущество формата WebP перед PNG?
Экспорт в WebP сжимает изображение до ~40–60 КБ без видимой потери качества (по сравнению с 250–350 КБ у PNG). Это ускоряет загрузку превью в мессенджерах и улучшает показатели Core Web Vitals вашего сайта.
Как скопировать картинку без сохранения на диск?
Кнопка «Скопировать картинку» использует нативный асинхронный буфер обмена браузера Clipboard API. После клика вы можете сразу нажать Ctrl+V (или Cmd+V) в Telegram, Figma, Photoshop или Google Docs.
Как добавить созданную картинку на свой сайт?
Сохраните файл как og-image.png в корень сайта или папку public, а затем укажите в теге <head>: <meta property="og:image" content="https://ваш-домен.com/og-image.png">.