ブラウザでOG画像を作る

やりたいこと

チャットやSNSに貼ったリンクはog:imageを引きます。なければ見苦しいデフォルト。標準1200×630のシンプルなテキストカードなら、デザインツールを開かず数秒で作れます。

文字を入れる

タイトル（必須）と任意のサブタイトル・フッター、ダーク/ライトのテーマと強調色を選んでレイアウトを確認します。キャンバスはタイトルを自動フィットさせ、PNGでダウンロードできます。

• タイトルは120文字・サブタイトル160・フッター80まで。それ以上はエディタが必要です。
• 長いタイトルは最大3行に折り返し縮小します。それでも収まらない場合は切り詰め警告が出ます。

具体例

タイトル「Release notes」・サブタイトル「What's new this month」・フッター「example.com」をダークテーマ＋アンバー強調で置くと、標準サイズの読みやすい共有カードができます。

対応範囲

1200×630のPNG固定です。カスタムサイズ・背景画像・システム以外のフォントはありません。絵文字や特殊字形はOSフォント依存です。出力は単一のラスタ画像で、使うためのHTMLメタタグはご自分で書きます。