OGP画像生成ツール

OGP画像を
ブラウザ上でかんたん生成

タイトル、説明文、サイト名を入力するだけで、SNS共有に使いやすい1200×630pxのOGP画像を作成できます。画像生成はブラウザ内で行うため、サーバーに画像を保存しません。

URLは画像内の表示やメタタグ生成の補助に使います。サーバー取得は行いません。

生成プレビュー 1200×630px

下の画像を確認し、問題なければPNGでダウンロードしてください。

OGPタグ設置例

ダウンロードした画像をサーバーへアップロードし、画像URLを下記の og:image に入れてください。

OGP画像とは何か

OGP画像とは、X、Facebook、LINEなどでページURLが共有されたときに表示される画像です。タイトルや説明文だけでなく、画像があることで投稿が目立ち、ページ内容も伝わりやすくなります。

このツールの特徴

サーバー負荷が軽い

画像生成はブラウザ上のcanvasで行います。URL先のページ取得やサーバー側画像生成は行いません。

画像を保存しない

生成した画像は利用者のブラウザ内で作られます。サーバーに画像ファイルを保存しません。

1200×630px対応

OGP画像として一般的に使いやすい比率で生成します。SNS共有用の画像として使いやすいサイズです。

すぐ使える

タイトル、説明文、サイト名を入力して生成するだけです。難しい画像編集ソフトは不要です。

使い方

  1. メインタイトル、説明文、サイト名を入力します。
  2. 必要に応じて背景色、アクセント色、デザインを選びます。
  3. 「画像を生成する」を押します。
  4. 問題なければ「PNGをダウンロード」を押します。
  5. 画像をサーバーへアップロードし、HTMLの<head>内にOGPタグを設置します。

よくある質問

入力した文字や画像は保存されますか？

保存されません。このツールはブラウザ上で画像を生成するため、サーバーに生成画像を保存しません。

URLを入力すると自動でタイトル取得できますか？

このツールではサーバー負荷を抑えるため、URL先のHTML取得は行いません。タイトルや説明文は手入力してください。

作成した画像は商用サイトで使えますか？

はい。ご自身で入力したテキストをもとに生成した画像は、WebサイトやSNS告知などに利用できます。

※生成画像は簡易的な補助です。公開前に、文字切れや誤字がないか必ず確認してください。