やったこと
X用ヘッダー（1500×500）、リンクを貼った時に出るOG画像（1200×630）、アイコンを用意した。鬼のアイコンはfalで4案生成し、1案を採用。ヘッダーとOGは、そのアイコンを入れたHTMLをChromeのヘッドレス機能（画面を出さずに撮影する機能）でPNGにした。
ヘッダーとOG画像をHTMLで作って、Chromeのヘッドレスで撮って。色は生成り・ピッチの緑・笛のオレンジ。フォントはZen Kaku Gothic New。
詰まったところ
投稿用の「スクショに枠を付ける」道具を作ったとき、テンプレートの中にCSSの「%」があって、Pythonの文字差し込み（%書式）と衝突して落ちた。1回失敗。
解けたところ
差し込み方を「%書式」から「置換」に変えて解決。Google Fontsもヘッドレスで読み込めた（読み込み待ちの時間を6秒に指定）。作り直しはHTMLを直して撮り直すだけなので、画像ソフトを開く理由が無くなった。
数字
- 作った画像: 3枚（1500×500・1200×630・800×800）
- アイコン生成費: 4案で$0.16（当日の記録。HTMLからの書き出し工程とは別）
- ヘッダー・OGの書き出し: Chromeを使用。生成APIへの追加支払いなし
- 書き出し時のフォント読み込み待ち: 6秒（作業全体の所要時間ではありません）
- 失敗: 1回（%書式）
2026-09-08追記：アイコン生成とHTMLからの書き出しを分けて費用を訂正しました。頼んだ文は当時の記録のまま残しています。