📐 バナーサイズに合うCTAテキスト、どう決める?
バナー広告やプロモーション画像を作る際、最もよくある失敗はCTAテキストサイズを感覚だけで決めることです。300x250のような大きなバナーなら問題になりにくいですが、728x90のリーダーボードや320x50のモバイルバナーのように縦幅が狭い場合、テキストがボタンから外れたり、小さすぎて目に入らないことがよくあります。
このツールはバナーの横幅・縦幅のうち小さい方を基準に、テキストサイズ・ボタン高さ・左右パディングを自動計算します。縦幅が狭いバナーはテキストを12pxまで縮小し、250px以上の余裕があるバナーは最大36pxまで拡大して視線を集められるように設計しています。計算結果はプレビューボタンに即時反映され、実際の見た目を確認できます。
この結果は出発点として活用し、実際に適用する前にバナー内でボタンが切れていないか、文言が2行に折れていないかを直接確認しましょう。文言が長い場合はテキストサイズを縮小するより、文言自体を短くする方が可読性の面で有利です。
よくある質問
バナーが小さいとテキストも必ず小さくすべきですか?
小さすぎるテキストは可読性が下がるため最低12px以上を維持しましょう。バナーが小さい場合は文言を短くし、重要な単語だけ強調する方法で補いましょう。
ボタンの色のコントラストも重要ですか?
はい。テキストサイズが適切でも背景とのコントラストが低いと目に入りにくくなります。背景より明らかに明るいか暗い色でボタンを区別しましょう。
レスポンシブバナーはどう計算すればいいですか?
レスポンシブの場合は最も小さくなるブレイクポイントの幅と高さを基準に計算するのが安全です。画面が大きくなる際にテキストも一緒に拡大されるようCSSのclamp()を活用しましょう。