共有用画像(og:image)ジェネレーター
タイトルを書いて色を選び、必要なら背景写真とロゴを追加してください。1200×630の画像をダウンロードして、メタタグをページの<head>に貼り付けます。
使い方サイトのリンク用の画像
広告
共有用画像(og:image)ジェネレーター: 用途
タイトルとサブタイトルを書き、背景、アクセント、テキストの色とフォントを選び、必要なら背景写真(暗さを調整可能)とロゴを追加します。タイトルは自動で調整され、最大3行に収まります。
JPGまたはPNGでダウンロードし、og:title、og:description、幅と高さ付きのog:image、twitter:cardのメタタグをコピーして、ページのheadにそのまま使えます。
使い方
- タイトルとサブタイトルを書きます。
- 色を選び、必要なら背景写真とロゴを追加します。
- 画像をダウンロードして、メタタグをサイトに貼り付けます。
使うタイミング
- LINEで見栄えのよいプレビューが表示されるサイトのリンク。
- ブログ記事の共有用画像。
- SNSでの商品やサービスのページのプレビュー。
よくある質問
og:imageの適切なサイズはどれくらいですか?
1200×630ピクセル(比率はおよそ1.91:1)がFacebookの推奨サイズで、LINE、LinkedIn、Xでも使えます。アプリによっては画像を正方形に切り取るので、大事なテキストは端から離してください。
LINEで画像が表示されないのはなぜですか?
og:imageが完全なアドレス(https://付き)になっているか、ファイルが公開されていて重すぎないか(目安は300KB未満)、ページがボットをブロックしていないかを確認してください。LINEはプレビューをキャッシュします。再テストするには、?v=2を付けるなどしてアドレスを変更してください。
JPGとPNGのどちらがいいですか?
背景に写真を使う場合、JPGの方がかなり軽くなることが多く、ベタ塗りの色とテキストだけの画像ならPNGの方が向いています。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。