Cloud CMO Urban(アーバン)テンプレート最適画像サイズ一覧
Cloud CMOのUrbanテンプレートで使用される最適画像サイズ表です。
はじめに
Cloud CMOのUrban(アーバン)テンプレートは最適な画像サイズが決まっています。
表内の、太字で表記されているサイズに合わせることで、基本的なスマホとRetinaなど高解像度端末に対応することが可能です。
Urban(アーバン)
エリア名 | ブロック名 | 基本サイズ(px) | スマホ最適サイズ(px) | Retina最適サイズ(px) |
---|---|---|---|---|
Header | Site name | 1100 × 任意 | 960 × 任意 | 2200 × 任意 |
Header | Image | 1100 × 任意 | 960 × 任意 | 2200 × 任意 |
Main column | Article Image | 740 × 任意 | 960 × 任意 | 1480 × 任意 |
Main column | Blog list | 240 × 160 | 300 × 390 | 480 × 320 |
Side column | Image | 360 × 任意 | 960 × 任意 | 720 × 任意 |
Footer | Image | 270 × 任意 | 810 × 任意 | 540 × 任意 |
記事画像より生成される箇所の画像サイズ | ||||
エリア名 | ブロック名 | 基本サイズ(px) | スマホ最適サイズ(px) | Retina最適サイズ(px) |
Slider | Slider | 620 × 420 | 960 × 650 | 1240 × 840 |
Side column | ページ一覧 | 80 × 80 | 180 × 180 | 160 × 160 |
Footer | ページ一覧 | 70 × 70 | 210 × 210 | 140 × 140 |
以上で説明を終わります。
TIPS(使い方ガイド)