> ## 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).

# Compactação de Imagens no App Nabu Image Optimizer

Este guia cobre o layout da página inicial, como comprimir imagens e como visualizar os resultados.

### Visão geral da página inicial
A página inicial mostra três estatísticas no topo:
* **Total de Imagens na Loja** - Número total de imagens sincronizadas da sua loja Shopify
* **Imagens Comprimidas** - Número de imagens que você otimizou até agora
* **Espaço Economizado** - Tamanho total do arquivo economizado através da compressão

Abaixo das estatísticas, há uma tabela de imagens com abas para **Produtos**, **Coleções** e **Blogs**. Cada linha mostra a miniatura da imagem, título do produto, status da otimização, data da última otimização, tamanho do arquivo e um botão de ação.

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

### Como comprimir uma imagem
1. Encontre a imagem que você deseja comprimir na tabela.
2. Clique no botão **Comprimir** naquela linha.
3. O modal **Opções de Compressão** será aberto. Ele mostra:
    * **Tamanho Atual** - O tamanho atual do arquivo da imagem
    * **Selecionar Nível de Compressão** - Um slider para escolher entre compressão Baixa, Média e Alta
    * **Novo Tamanho Estimado** - O tamanho de arquivo previsto após a compressão, com a estimativa de redução percentual
    * Uma pré-visualização da imagem
4. Ajuste o slider do nível de compressão conforme sua preferência.
5. Clique em **Iniciar Compressão**.

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

### Após a compressão
Uma vez que a compressão termina, a linha é atualizada:
* **Status** muda de "Não Otimizado" para **"Otimizado"** (mostrado em verde)
* **Última Otimização** mostra a data e hora
* **Tamanho** agora exibe tanto o tamanho original ("Antes") quanto o comprimido ("Depois")
* O botão **Comprimir** muda para um botão **Visualizar**

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

### Visualizando detalhes da imagem
Clique no botão **Visualizar** em qualquer imagem otimizada para abrir o modal **Visualizar Detalhes da Imagem**. Ele mostra:
* A porcentagem de tamanho de arquivo economizado (por exemplo, "Você economizou ~26% no tamanho do arquivo com a compressão sem perder qualidade.")
* Uma comparação lado a lado da imagem **Original** e da imagem **Otimizada**
* Os tamanhos de arquivo originais e otimizados exibidos abaixo de cada imagem
Clique em **Fechar** para retornar à página inicial.

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