サイト設定に登録したHOME画像が見切れてしまいます。
ウィンドウサイズの横幅が足りれば画像全表示ができますが、 2560px以下のウィンドウサイズで閲覧した場合、横幅が足りず見切れて表示がされる可能性がございます。
HOME画像に余白を持たせて作成することで、見切れずに表示がされます。
※すべての端末サイズに合わせて表示することはできかねます。
HOME画像に余白を持たせて作成する方法
デフォルト・デフォルト(カテゴリ左,右)の場合
左右に696pxの余白を持たせ、HOME画像を横1168px × 縦144pxにて作成していただくことで
HOME画像を中央に配置した際に横幅が2560px未満のウィンドウで閲覧した場合でも見切れずに表示されます。
テンプレート1,2・テンプレート1(カテゴリ左,右)の場合
左右に456pxの余白を持たせ、HOME画像を横1648px × 縦250pxにて作成していただくことで
HOME画像を中央に配置した際に横幅が2560px未満のウィンドウで閲覧した場合でも見切れずに表示されます。
画像修正手順
見本としてWindows標準搭載のペイントツールを使用していますが、指定のツールはございませんのでお好みのツールで作業してください。
ペイントで画像を開く
「横1168px × 縦144px(デフォルト用)」または「横1648px × 縦250px(テンプレート1,2用)」に
デザイン・サイズ調整した画像をペイントで開きます。
※見本画像は「横1168px × 縦144px(デフォルト用)」です。
デザイン・サイズ調整した画像をペイントで開きます。
※見本画像は「横1168px × 縦144px(デフォルト用)」です。
片側に余白を追加する
右端の白い四角を引っ張ると余白が追加されます。
横1168px+片方分696pxのため、全体で横幅1864pxになるまで引き延ばします。
横1168px+片方分696pxのため、全体で横幅1864pxになるまで引き延ばします。
回転させてもう片側に余白を追加する
もう片方にも余白を追加するため「回転」から180度回転を選択し、右を引き延ばして余白を作成します。
横1864px + 片方分696pxのため、全体で横幅2560pxになるまで引き延ばします。
横1864px + 片方分696pxのため、全体で横幅2560pxになるまで引き延ばします。
再度回転させて完成
両幅に余白を追加したら、再度「回転」から180度回転を選択して完成です。
- HOME画像の横幅
- HOME画像
- 見切れる
- 修正
- ウィンドウサイズ