> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.adnabu.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Nabu画像最適化アプリでの画像圧縮

このガイドでは、ホームページのレイアウト、画像の圧縮方法、および結果の表示方法について説明します。

### ホームページの概要
ホームページの上部には3つの統計が表示されます:
* **ストア内の総画像数** - Shopifyストアから同期された画像の総数
* **圧縮された画像** - これまでに最適化した画像の数
* **保存されたスペース** - 圧縮によって保存されたファイルサイズの合計

統計の下には、**製品**、**コレクション**、**ブログ**のタブがある画像テーブルがあります。各行には、画像のサムネイル、製品タイトル、最適化ステータス、最終最適化日、ファイルサイズ、アクションボタンが表示されます。

![](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_12gzq1y.png)

### 画像を圧縮する方法
1. テーブルで圧縮したい画像を見つけます。
2. その行の**圧縮**ボタンをクリックします。
3. **圧縮オプション**モーダルが開きます。表示される内容:
    * **現在のサイズ** - 画像の現在のファイルサイズ
    * **圧縮レベルを選択** - 低、中、高の圧縮を選択するためのスライダー
    * **推定新サイズ** - 圧縮後の予測ファイルサイズと推定削減率
    * 画像のプレビュー
4. お好みに合わせて圧縮レベルのスライダーを調整します。
5. **圧縮開始**をクリックします。

![](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1s8s8db.png)

### 圧縮後
圧縮が完了すると、行が更新されます:
* **ステータス**が「未最適化」から**「最適化済み」**(緑色で表示)に変わります
* **最終最適化日**が日付と時間を表示します
* **サイズ**は、元のサイズ(「前」)と圧縮後のサイズ(「後」)の両方を表示します
* **圧縮**ボタンが**表示**ボタンに変わります

![](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1wf8jls.png)

### 画像の詳細を表示する
最適化された画像の**表示**ボタンをクリックすると、**画像の詳細を表示**モーダルが開きます。表示される内容:
* 保存されたファイルサイズの割合(例:「品質を損なうことなく、圧縮でファイルサイズを約26%節約しました。」)
* **元の**画像と**最適化された**画像の並列比較
* 各画像の下に表示される元のファイルサイズと最適化されたファイルサイズ
**閉じる**をクリックしてホームページに戻ります。

![](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_ohuetb.png)