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

# Compresión de Imágenes en la App Nabu Image Optimizer

Esta guía cubre el diseño de la página de inicio, cómo comprimir imágenes y cómo ver los resultados.

### Descripción general de la página de inicio
La página de inicio muestra tres estadísticas en la parte superior:
* **Total de Imágenes en la Tienda** - Número total de imágenes sincronizadas desde tu tienda de Shopify
* **Imágenes Comprimidas** - Número de imágenes que has optimizado hasta ahora
* **Espacio Ahorrado** - Tamaño total de archivo ahorrado a través de la compresión

Debajo de las estadísticas hay una tabla de imágenes con pestañas para **Productos**, **Colecciones** y **Blogs**. Cada fila muestra la miniatura de la imagen, el título del producto, el estado de optimización, la última fecha de optimización, el tamaño del archivo y un botón de acción.

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

### Cómo comprimir una imagen
1. Encuentra la imagen que deseas comprimir en la tabla.
2. Haz clic en el botón **Comprimir** en esa fila.
3. Se abre el modal de **Opciones de Compresión**. Muestra:
    * **Tamaño Actual** - El tamaño de archivo actual de la imagen
    * **Seleccionar Nivel de Compresión** - Un deslizador para elegir entre compresión Baja, Media y Alta
    * **Nuevo Tamaño Estimado** - El tamaño de archivo previsto después de la compresión, con el porcentaje de reducción estimado
    * Una vista previa de la imagen
4. Ajusta el deslizador del nivel de compresión a tu preferencia.
5. Haz clic en **Iniciar Compresión**.

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

### Después de la compresión
Una vez que la compresión finaliza, la fila se actualiza:
* **Estado** cambia de "No Optimizado" a **"Optimizado"** (mostrado en verde)
* **Última Optimización** muestra la fecha y hora
* **Tamaño** ahora muestra tanto los tamaños originales ("Antes") como comprimidos ("Después")
* El botón **Comprimir** cambia a un botón **Ver**

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

### Ver detalles de la imagen
Haz clic en el botón **Ver** en cualquier imagen optimizada para abrir el modal **Ver Detalles de la Imagen**. Muestra:
* El porcentaje de tamaño de archivo ahorrado (por ejemplo, "Has ahorrado ~26% en tamaño de archivo con la compresión sin perder calidad.")
* Una comparación lado a lado de la imagen **Original** y la imagen **Optimizada**
* Los tamaños de archivo originales y optimizados mostrados debajo de cada imagen
Haz clic en **Cerrar** para volver a la página de inicio.

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