OGP画像生成ツール「OGP Generator」をリリースしました

ブログ記事やSNS投稿のOGP画像を簡単に作成できるWebアプリ「OGP Generator」を公開しました。

作った背景

ブログ記事を書くたびにOGP画像を用意する手間を省きたいという思いから開発しました。デザインツールを開かなくても、ブラウザ上でサクッとOGP画像を作れることを目指しています。

主な機能

• タイトル・サブタイトルの入力と編集
• 背景テンプレート選択 / カスタム画像アップロード
• 日本語フォント対応のフォント選択
• テキストエフェクト（シャドウ、アウトライン、グロー、グラデーションなど）
• 背景フィルター（ぼかし、明るさ、コントラスト、彩度）
• ロゴ追加機能
• AIアシスタントによるタイトル改善提案（Workers AI / Llama 3）
• SNSプレビュー表示
• PNG / JPEG / SVG 形式でダウンロード
• 日英切り替え対応

技術スタック

• フロントエンド: React 19, TanStack Router, Vite 7, Tailwind CSS v4
• バックエンド: Hono（Cloudflare Workers）
• AI: Workers AI（Llama 3）
• デプロイ: Cloudflare Workers

使ってみる

https://ogpgen.net/

引き続き改善を続けていきます。フィードバックはお気軽にどうぞ。