OG-превью для каждого поста за 15 минут. Без Photoshop

У каждого поста в канале есть уникальная картинка. Графический редактор не используется ни разу. Всё делает скрипт.

Принцип

HTML-шаблон с двумя плейсхолдерами: заголовок и декоративный символ. Playwright делает скриншот 1200x630, стандартный размер OG-превью. На выходе PNG-файл, который подхватывается как иллюстрация.

Один шаблон. Бесконечное количество картинок.

Декоративные символы

Каждый пост получает символ по теме: { } для кода, ~/~ для систем, </> для вёрстки, :: для инфраструктуры, #! для скриптов. Это не иллюстрация, а визуальный якорь, который связывает картинку с содержанием.

Пул символов: { }, </>, ~/~, ::, #!, /*, >>, &&, ;;, $(). Десять вариантов, хватает, чтобы каждый пост выглядел уникально.

Грабли

1. Кодировка. PowerShell Set-Content добавляет BOM к UTF-8. Кириллица превращается в кракозябры. Решение: писать файл через .NET метод WriteAllText с UTF8Encoding без BOM.

2. Шрифты. Шаблон использует Cormorant Garamond + Inter. Если шрифты не загрузились, Playwright скриншотит системный fallback. Нужен preload.

Результат

Генерация одной картинки занимает 5 секунд. Весь процесс от написания заголовка до готового PNG — 15 минут включая загрузку на хостинг. Против 30-60 минут в Canva или Photoshop.

Сам сайт, который служит хостингом для этих картинок, тоже собран за вечер: vladislavpopov.ru. А как собрать AI-стек целиком, читайте в бесплатном гиде.