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

# Compressão de Imagens na App Nabu Image Optimizer

Este guia cobre o layout da página inicial, como comprimir imagens e como visualizar 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 está uma tabela de imagens com abas para **Produtos**, **Coleções** e **Blogs**. Cada linha mostra a miniatura da imagem, título do produto, status de 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 deseja comprimir na tabela.
2. Clique no botão **Comprimir** nessa linha.
3. O modal **Opções de Compressão** abre. Ele mostra:
    * **Tamanho Atual** - O tamanho atual do arquivo da imagem
    * **Selecionar Nível de Compressão** - Um controle deslizante 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 controle deslizante 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 **Ver**

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

### Visualizando detalhes da imagem
Clique no botão **Ver** em qualquer imagem otimizada para abrir o modal **Ver 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 original e otimizado 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)