OGP / SNS サムネを規格サイズで作成します。タイトルを入れ、背景を選んで PNG を保存。画像や文字はアップロードされません。

ブログ記事や X(Twitter)・Facebook 投稿のシェア時に表示される OGP 画像(サムネイル)を、正しい規格サイズで手早く作るツールです。SNS ごとに必要な寸法が違う(OGP/Facebook は 1200×630、X は 1200×628、Instagram は 1080×1080 正方形、ストーリーは 1080×1920、YouTube サムネは 1280×720)ため、デザインソフトでサイズを合わせ直す手間が地味に面倒——そのサイズ合わせと量産を、規格プリセットを選ぶだけで済ませられます。タイトルとサブタイトル(サイト名など)を入力すると、その場でプレビュー canvas に反映され、長い見出しは枠内で自動的に折り返します。背景は「単色」「2色グラデーション」「画像」から選べ、画像を選んだ場合は中央クロップ(cover)で配置し、文字が読めるよう下側を少し暗くするスクリム(グラデの覆い)を自動でかけます。文字色・左/中央揃え・タイトルの文字サイズ(60〜160%)も調整でき、同じデザインのまま文言だけ変えて記事ごとのサムネを量産できます。読み込み・描画・書き出しはすべてあなたのブラウザの中(canvas)で行われ、入力した文字も選んだ背景画像も一切サーバーへアップロード・保存・送信されません。下書き中の記事タイトルや非公開の素材でも安心して使えます。出力は PNG(規格ピクセルそのまま)なので、そのまま `<meta property="og:image">` に指定したり、記事のアイキャッチに使えます。なお本ツールはテキスト主体の OGP/サムネ生成に特化しています。アプリのファビコンを作るなら「ファビコン生成」、写真に余白やフチを足すなら「フチ・余白を足す」、画像に透かし文字を重ねるなら「ウォーターマーク」をご利用ください。

使い方

  1. サイズで投稿先の規格(OGP/Facebook・X・Instagram・ストーリー・YouTube)を選びます。
  2. タイトルとサブタイトルを入力し、背景(単色/グラデ/画像)と文字色・揃え・文字サイズを調整します。
  3. プレビューを確認して「PNG をダウンロード」。文字も背景画像もアップロードされません。

よくある質問

入力した文字や背景画像はサーバーに送信されますか?

いいえ。画像の描画も書き出しもすべてあなたのブラウザ内(canvas)で行われ、入力した文字も選んだ背景画像もサーバーへアップロード・保存・送信されません。下書き中の記事や非公開素材でも安心して使えます。

OGP 画像のサイズは何にすればいいですか?

一般的な OGP/Facebook は 1200×630、X(Twitter)の大カードは 1200×628、Instagram は 1080×1080 の正方形が無難です。本ツールはこれらをプリセットで用意しているので、投稿先を選ぶだけで正しい寸法の PNG が出力されます。

背景に自分の写真を使えますか?

はい。背景を「画像」にして画像を選ぶと、規格枠に対して中央クロップ(cover)で配置します。文字が読めるよう下側を自動で少し暗くするので、写真の上にタイトルを載せても読みやすくなります。

同じデザインで文言だけ変えて量産できますか?

はい。背景色・文字色・揃え・文字サイズはそのまま保持されるので、タイトルとサブタイトルだけ書き換えて続けて保存すれば、統一感のあるサムネを記事ごとに量産できます。

出力した PNG はそのまま OGP に使えますか?

はい。選んだ規格のピクセルそのままの PNG が出力されるので、サーバーに置いて `<meta property="og:image">` に URL を指定すればシェア時のサムネとして使えます。記事のアイキャッチ画像としてもそのまま使えます。