画像素材の推薦サイズ一覧
genericaの、画像をアップロードする箇所のサイズ一覧です。あくまでデフォルトの状態で望ましいサイズなので、追加CSS・子テーマ等で調整してください。
縦横比別
| 縦横比 | 使用する場所 | 備考 |
|---|---|---|
| 1.91:1 必須 | OGP画像 | |
| 2.5:1〜16:9 |
LP画像全面ユニット LP動画全面ユニット LPスライドショーユニット LP背景＋リード文ユニット（タイプ２・３） |
デスクトップ用画像 |
| 16:9〜3:2 |
LPカードユニット LP画像＋リード文ユニット |
|
|
LP画像全面ユニット LP動画全面ユニット LPスライドショーユニット LP背景＋リード文ユニット（全タイプ） |
スマートフォン用画像 | |
| 3:2〜1:1 | LP背景＋リード文ユニット（タイプ１） | デスクトップ用画像 |
| 1:1 必須 | LP会話ユニット | 話者アイコン |
使用する場所別
| 使用する場所 | 形式 / サイズ | |
|---|---|---|
| ロゴ | PNG・SVG形式 / 高さ100px以上 | |
| OGP画像 | JPG形式 / 幅1200px・高さ628px （1.91:1） | |
| お知らせ一覧の画像 （アイキャッチ画像） |
スライドショーに使用する | JPG形式 / 幅1200px・高さ480px〜675px （2.5:1〜16:9） |
| スライドショーに使用しない | JPG形式 / 幅300px以上 | |
| 動画全面ユニット | モバイル代替画像 | JPG形式 / 幅750px・高さ422px〜500px （16:9〜3:2） |
| 画像全面ユニット | デスクトップ用 | JPG形式 / 幅1600px・高さ640px〜838px （2.5:1〜16:9） |
| モバイル用 | JPG形式 / 幅750px・高さ422px〜500px （16:9〜3:2） | |
| スライドショーユニット | デスクトップ用 | JPG形式 / 幅1600px・高さ640px〜838px （2.5:1〜16:9） |
| モバイル用 | JPG形式 / 幅750px・高さ422px〜500px （16:9〜3:2） | |
| カードユニット | JPG形式 / 幅750px・高さ422px〜500px （16:9〜3:2） | |
| 画像＋リード文ユニット | JPG形式 / 幅750px・高さ422px〜500px （16:9〜3:2） | |
| 背景＋リード文ユニット | タイプ１：デスクトップ用 | JPG形式 / 幅750px・高さ500px〜750px （3:2〜1:1） |
| タイプ２・３：デスクトップ用 | JPG形式 / 幅1600px・高さ640px〜838px （2.5:1〜16:9） | |
| 共通：モバイル用 | JPG形式 / 幅750px・高さ422px〜500px （16:9〜3:2） | |
| 会話ユニット | 話者アイコン | JPG形式 / 幅240px以上 （1:1） |
※SVG形式にする場合は、サイズは問いません。
※スライドショーユニットに使用する画像は、すべて同じ縦横比にしてください。
※「背景＋リード文」ユニットのタイプ２・３の画像は、ワイドテレビなどの超高解像度環境でも制限なくウィンドウ全体に広がっていきます。解像度を落としたくない画像や、主要被写体が中央にある画像を利用する場合は、タイプ1を選択することをお薦めします。