無料 · 4つのデザイナーレイアウト · ピュアブラウザ

OG画像ジェネレーター——あなたのブランドで

ブランド名、タグライン、パレット、フォントを入力——4レイアウトから選んで1200×630ソーシャルカードを生成。Canvasライブプレビュー、PNGダウンロード。登録不要、API呼び出しなし、image-genモデルなし。

ブランド名
ヘッドライン / タグライン
パレット(5色)
見出しフォント
本文フォント
レイアウト

Canvasは1200×630でレンダリング——OpenGraphおよびTwitterカード画像の規格通り。

Lokumaビルダーで使用

使い方

01

ブランドを入力

ブランド、タグライン、パレット、フォント。または他のFree Toolsから事前入力済みで来る——URLパラメーターが引き継がれます。

02

レイアウトを選ぶ

4つのデザイナーキュレーションレイアウト(Minimal / Editorial / Bold / Quote)。Canvasライブプレビューが編集中に更新。

03

ダウンロード + 出荷

PNGダウンロードはワンクリック。ファイルをog:imageメタタグに入れるか、入力をLokumaビルダーに渡して事前ロード。

カードと一致するウェブサイトを公開

このOG画像を作った同じブランド入力がLokumaビルダーに引き継がれます——パレット、フォント、ボイス。ホームページが一致するように生成されます。

よくある質問

なぜimage-genモデルではなくCanvas2Dなのか?+

2つの理由:(1) コスト——image-genモデルは1画像あたり$0.01–0.04かかり、レート制限するか課金するかが必要になります。Canvasは無料で即座。(2) ブランドの忠実性——Canvas2Dはあなたの正確なパレット、正確なフォント、正確なテキストを描画します。image-genモデルはブランドを解釈し、おそらく色とタイポグラフィを間違えます。OGカードには正確さが必要であり、創造性ではありません。

出力サイズは?+

1200×630ピクセル——OpenGraphおよびTwitter(大カード)推奨サイズ。PNGはネイティブ解像度でレンダリング;現代のCanvas2Dはベクター品質のテキストとシャープなソリッドカラーブロックを生成。ファイルサイズはレイアウトの複雑さによって通常30–80 KB。

CormorantとInter以外のGoogle Fontsを使えますか?+

はい。見出し/本文フィールドに任意のGoogle Fontsファミリー名を入力すると、ページがGoogle Fonts CSSエンドポイント経由で読み込み、Canvasが再レンダリング。Cormorant + Interはきれいなエディトリアルペアだからデフォルトですが、Manrope、Playfair、Inter Tight、IBM Plex、fonts.google.comの何でも動きます。

なぜAI写真背景はないのか?+

検討しましたが——テストしたAI画像背景はすべてどこか他のAI画像背景に似ていて、コストは1コール$0.01–0.04。ここの4レイアウトは意図的にタイプ駆動、パレット駆動、ブランド駆動。写真が欲しいなら、生成したPNGをFigma/Photoshopにドロップして自分の写真に合成。

本当に無料ですか?+

はい。アカウント不要、クレジットカード不要、API呼び出しなし。Canvasはブラウザで動作、フォントはGoogleの無料CDNから読み込み、ダウンロードはブラウザがcanvasをPNGに保存。Lokumaサイトを公開するときに収益化——それまで永遠に無料。

関連ツール