> ## 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图像优化器应用中压缩图像

本指南涵盖了主页布局、如何压缩图片以及如何查看结果。

### 主页概览
主页顶部显示三个统计数据:
* **商店中的图片总数** - 从您的 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)