TOP画像をキレイに挿入する方法

ページ上のTOP大画像(メイン画像)をキレイに表示させる方法をご紹介します。

TOP画像パターンAで作成

• 最大画像の横サイズを1110pxで作成します
• メインの文字列などは 横630px 以内で中央に配置します
• 縦サイズはフリーサイズで自由ですが縦290px～420pxぐらいが適正です

こうすることで、キレイにTOP画像を表示することが出来ます。
余白はサイドの画像部分が拡大されて表示される形です。

TOP画像パターンBで作成

• 最大画像の横サイズを1920pxで作成します
• メインの文字列などは 横1100px 以内で中央に配置します
• 縦サイズはフリーサイズで自由ですが縦290px～420pxぐらいが適正です

こうすることで、背景画像の余白が拡大表示することなくキレイに画像を表示できます。