Features
このツールの特徴
URLを貼るだけで使える
編集画面でコピーした URLをそのまま og:image に指定するだけ。画像をダウンロードしてサイトにアップする必要はありません。
豊富な背景バリエーション
パターン / ジオメトリ / グラデーションの 3 カテゴリ、合計 26 種類の背景バリエーションを用意。サイトの雰囲気に合うものを選べます。
サイトに合わせて色を調整
ライト / ダークの切り替えに加えて、キーカラーの色相・鮮やかさ・明るさを調整可能。ブランドカラーに合わせた仕上がりにできます。
2回目以降は高速で表示
1度生成した画像は一定期間自動でキャッシュされ、次回以降はすぐに表示されます。アクセスのたびに待たされる心配はありません。
Free
無料で利用できます
ログイン不要ですぐに使い始められます。
Gallery
背景バリエーション
色やレイアウトを切り替えて、各バリアントの見え方を確認できます。
ここに表示しているのはバリエーションの一部です。
How to use
3ステップで使える
設定パネルで見た目を詰める
設定パネルでテキストの配置やカラー、背景効果などを切り替えると、選択中のカードに即時反映されます。ダミーコンテンツ付きのプレビュー表示で仕上がりを確認します。
URLをコピーして og:image に貼る
設定パネル下部ある「URLをコピー」ボタンで、API URLをコピーします。YOUR_TITLE_HERE/HEAD_META/FOOT_METAを実テキストに置き換えて、記事ページのog:imageに指定してください。
もしくは、画像をダウンロードすることもできます。このとき、タイトルなどは明示的に入力していなければ出力されませんので、注意してください。背景だけをダウンロードし、自身のプロダクトで利用していただくことも可能です。
FAQ
よくある質問
はい。ログインやアカウント作成なしで、エディター画面からすぐに OGP画像の URLを作成できます。
編集画面でコピーしたURLを、各ページの og:image に指定してください。タイトルなどのテキストは URL パラメータを差し替えてご指定ください。
OGP画像として一般的な 1200×630 px の画像を生成します。X や Facebook などのリンクプレビューで使いやすい比率です。
できます。パラメータでtitleなど文字の指定を省略すると、背景画像のみを利用できます。また、URLコピーボタンの下に背景画像だけをダウンロードするボタンも用意していますので、自身のプロダクトでsatoriなどを使って生成する際の背景画像としてご利用していただいても構いません。
はい、可能です。個人・法人を問わず、商用・非商用のどちらでもご利用いただけます。生成した画像を素材として再配布したり、第三者に販売したりすることはできません。