ToolPal

OG画像ジェネレーター

SNS共有用のOpen Graph画像を作成。ウェブサイトリンクの美しいプレビューカードを生成します。

#1e3a5f
#2d5a87
#ffffff

1200 x 630px

<!-- Open Graph Meta Tags -->
<meta property="og:image" content="https://yoursite.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/png" />
<meta property="og:title" content="Your Amazing Title Here" />
<meta property="og:description" content="A brief description of your content" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/og-image.png" />
<meta name="twitter:title" content="Your Amazing Title Here" />
<meta name="twitter:description" content="A brief description of your content" />

使い方

SNS共有用のOpen Graph画像を作成。ウェブサイトリンクの美しいプレビューカードを生成します。

  1. 1Enter your title, subtitle, and author/site name.
  2. 2Choose a template and customize colors.
  3. 3Preview your OG image in real-time (1200×630).
  4. 4Download the PNG and copy the HTML meta tags.

主な機能

  • Standard 1200×630 OG image generation
  • Multiple templates: Blog, Product, Tutorial, Social
  • Solid color and gradient backgrounds
  • HTML meta tag code auto-generated

よくある質問

詳しく読む