note OGP画像ジェネレータ

使い方

1. 記事タイトルとサブタイトル(任意)を入力
2. テンプレート(ミニマル or グラデーション)とアクセントカラーを選択
3. 「生成」ボタンでプレビュー更新
4. ダウンロードしてnote記事のヘッダーに設定

よくある質問

なぜ1200×630なのですか?

Open Graph プロトコルが推奨するOGP画像サイズです。Twitter / LINE / Slack / Facebook などほぼ全てのSNSがこのサイズを優先的にインライン表示します。

フォントは何が使われますか?

OS標準の和文書体を自動選択します(Mac: Hiragino Sans, Windows: Yu Gothic, iOS: Hiragino, Android: Noto Sans JP)。出力はPNG画像なので、閲覧者のデバイスに依存せず同じ見た目になります。

カスタムフォントは使えますか?

Phase 1b では OS 標準フォント固定です。Phase 2 で Noto Sans JP woff2 同梱とフォント選択機能を追加予定です。

背景画像を使えますか?

Phase 1b では単色とグラデーションのみ対応。Phase 2 で写真背景 + テキストオーバーレイテンプレートを追加予定です。