> For the complete documentation index, see [llms.txt](https://manual-admin.cs-cart.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual-admin.cs-cart.jp/mall-admin/settings/basic_settings/thumbnails.md).

# サムネイル

<figure><img src="/files/rHyDbzYjFgmthAh4pKmc" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="304">項目</th><th>説明</th></tr></thead><tbody><tr><td>画像ファイルサイズ</td><td>アップロード可能な画像の最大サイズを設定</td></tr><tr><td>サムネイルの背景色</td><td>サムネイル画像の背景色を指定（透明にする場合は空欄）</td></tr><tr><td>サムネイルのフォーマット</td><td>サムネイル画像の保存形式を選択<br>・オリジナル画像と同一<br>・JPEG<br>・PNG<br>・GIF<br>・WEBP</td></tr><tr><td>JPEG圧縮画質 (0-100)</td><td>JPEG画像の圧縮品質を設定</td></tr><tr><td>商品一覧（カテゴリー、検索結果 etc）におけるサムネイルの横幅</td><td>一覧表示時のサムネイル幅を指定</td></tr><tr><td>商品一覧（カテゴリー、検索結果 etc）におけるサムネイルの高さ</td><td>一覧表示時のサムネイル高さを指定</td></tr><tr><td>商品詳細ページにおけるサムネイルの横幅</td><td>詳細ページのサムネイル幅を指定</td></tr><tr><td>商品詳細ページにおけるサムネイルの高さ</td><td>詳細ページのサムネイル高さを指定</td></tr><tr><td>クイックビューに表示するサムネイルの横幅</td><td>クイックビュー時のサムネイル幅を指定</td></tr><tr><td>クイックビューに表示するサムネイルの高さ</td><td>クイックビュー時のサムネイル高さを指定</td></tr><tr><td>「カートの内容」ページにおけるサムネイルの横幅</td><td>カートページのサムネイル幅を指定</td></tr><tr><td>「カートの内容」ページにおけるサムネイルの高さ</td><td>カートページのサムネイル高さを指定</td></tr><tr><td>「商品バリエーション」におけるサムネイルの横幅</td><td>バリエーション表示時のサムネイル幅を指定</td></tr><tr><td>「商品バリエーション」におけるサムネイルの高さ</td><td>バリエーション表示時のサムネイル高さを指定</td></tr><tr><td>カテゴリー一覧におけるサムネイルの横幅</td><td>カテゴリー一覧のサムネイル幅を指定</td></tr><tr><td>カテゴリー一覧におけるサムネイルの高さ</td><td>カテゴリー一覧のサムネイル高さを指定</td></tr><tr><td>カテゴリー詳細ページにおけるサムネイルの横幅</td><td>カテゴリー詳細のサムネイル幅を指定</td></tr><tr><td>カテゴリー詳細ページにおけるサムネイルの高さ</td><td>カテゴリー詳細のサムネイル高さを指定</td></tr><tr><td>カテゴリー画像の横幅</td><td>カテゴリー画像の幅を指定</td></tr><tr><td>カテゴリー画像の高さ</td><td>カテゴリー画像の高さを指定</td></tr><tr><td>管理画面：商品サムネイル（小）の横幅</td><td>管理画面の小サムネイル幅を指定</td></tr><tr><td>管理画面：商品サムネイル（小）の高さ</td><td>管理画面の小サムネイル高さを指定</td></tr></tbody></table>

{% hint style="info" %}
画像の幅、高さの単位は px（ピクセル）です。
{% endhint %}