---
title: "サムネイル"
---

> Documentation Index
> Fetch the complete documentation index at: https://manual-admin.cs-cart.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# サムネイル

![](/assets/image-10-1-1.png)

<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>

> **Note**
>
> 画像の幅、高さの単位は px（ピクセル）です。

Source: https://manual-admin.cs-cart.jp/mall-admin/settings/basic_settings/thumbnails/index.mdx
