Генерируем OG-карточки без Headless Chrome: быстрый генератор на Rust 🖼⚡️
Takumi рендерит JSX в PNG, WebP, SVG и JPEG без браузера, поддерживает современные стили и разные рантаймы.
Вы всё ещё рисуете OG-превью для постов вручную в Figma? Или подняли тяжеленный Headless Puppeteer/Playwright в Serverless-функции, который жрет оперативку, стартует по 3 секунды и периодически падает по таймауту?
Похоже, этому подходу пришел конец. Встречайте Takumi — библиотека для быстрого рендеринга JSX-компонентов прямо в картинки (PNG/WebP/SVG/JPEG), написанная на Rust и не требующая браузера под капотом.
В чём фишка и как это работает:
- Никакого Chromium: Под капотом свой сверхбыстрый движок лейаута и рендеринга. Генерация одной карточки занимает считанные миллисекунды, а потребление памяти минимально.
- Привычный DX (JSX/TSX): Вы описываете шаблон картинки как обычный React-компонент. Прокидываете туда метаданные поста (заголовок, таги, аватарку автора, дата-штамп) и получаете на выходе готовый бинарник картинки.
- Поддержка современноcти: Из коробки умеет в Flexbox, кастомные шрифты (TTF/OTF/WOFF2), градиенты, эффекты (blur, shadow) и даже базовый SVG.
- Работает везде: За счет Rust и WASM-бильдов легко заводится в Node.js, Deno, Bun или Edge-функциях (Vercel, Cloudflare Workers).
Отличная и супер-легковесная альтернатива решениям вроде @vercel/og (satori), если хочется ещё больше скорости и независимости от тяжелого рантайма.
Как сейчас генерите превьюшки для своих проектов/блогов? Всё ещё вешаете эту задачу на Puppeteer или уже перешли на Satori / кастомные SVG-генераторы?