料金表カード画像メーカー｜3プラン比較を1枚のPNGに

3つの料金プランを並べた比較表を、1200×800 ピクセルの PNG として 1 枚に書き出すツールです。中央列だけダーク反転＋黄色の MOST POPULAR バッジが付くので、ランディングページの「推し」プランがひと目で伝わります。

💡 このツールについて

SaaS のランディングページや note・Qiita の比較記事で「料金表だけ画像で欲しい」という場面は意外と多いです。HTML で組んだ料金表を毎回スクショして切り抜くのは面倒ですし、Canva で 3 カラム揃えるのは細かい位置合わせで時間を吸われます。

このツールはプラン名 14 字・価格 8 字・特徴 7 行までの上限内なら、入力した瞬間にプレビューが更新されます。配色は Slate ダークと白の組み合わせに固定してあるので、SaaS 系のサイトに貼っても浮きません。チェックマークは黄色（推し列）と緑（通常列）で色分けされ、視線が中央列に集まる設計です。

🧐 よくある質問

プランは 3 つ固定ですか? はい、3 カラム固定です。2 プランや 4 プランには対応していません。

通貨記号は何が使えますか? 価格欄は半角 8 字までのテキスト入力なので「$19」「¥1,980」「€19」「R$99」など任意の通貨表記をそのまま打てます。

期間サフィックスは消せますか? 期間欄を空にすればプレビューから消えます。買い切り価格を 1 回だけ表示したいときに使えます。

特徴を 8 行以上書いたらどうなりますか? カラムごとに上から 7 行までしか採用されません。優先度の高い項目を上に書いてください。

MOST POPULAR バッジを消したい場合は? バッジ表示は必ず 3 列のうち 1 列に付きます。0/1/2 の左中右で切り替えできますが、完全に外す選択肢はありません。

書き出しサイズは固定ですか? 1200×800 ピクセルの横向き PNG で固定です。ブログ記事のサムネイル、X 投稿の添付画像、PDF 資料への貼り付けに使いやすい比率です。

📚 料金表で「真ん中を推す」のはなぜ定番なのか

3 プランの中央列を強調するレイアウトは、SaaS の料金ページで広く採用されているパターンです。心理学では選択肢が 3 つあるとき、人は両端を避けて真ん中を選びやすいと言われています（極端回避と呼ばれる傾向）。それを利用して、本当に売りたい中位プランを真ん中に置き、上位プランをアンカーとして配置するわけです。

このツールでデフォルト中央列がダーク反転されているのも同じ理由です。色のコントラストで自然と視線が集まり、「みんなこれを選んでいるよ」というメタメッセージを MOST POPULAR バッジが補強します。逆に最安プランを真ん中にしたい場合は、左右を反転させたほうがハイライト効果が活きるので、その場合はハイライト列ボタンで 0（左）に切り替えると意図通りに誘導できます。