Squoosh | Image Compression | Docker
Squoosh: Compresor de imágenes en navegador web en Docker
Reduce el tamaño de tus imágenes sin perder calidad. Compresión local en navegador con múltiples formatos, previsualizaciones en tiempo real y sin enviar datos a servidores.
¿Qué es Squoosh?
Squoosh es una
aplicación web para compresión de imágenes desarrollada por Google Chrome Labs. Es una herramienta simple pero poderosa que reduce el tamaño de tus imágenes usando los mejores códecs de compresión disponibles, todo directamente en tu navegador sin enviar nada a un servidor remoto.
Squoosh soporta múltiples formatos de salida (WebP, AVIF, JPEG, PNG, JXL, WP2 y más) con control detallado sobre cada parámetro de compresión. Puedes ver el antes y después lado a lado, ajustar calidad y tamaño en tiempo real, y descargar el archivo optimizado. Es perfecto para optimizar imágenes para web, reducir costes de almacenamiento y acelerar la carga de sitios web.
Privacidad total: A diferencia de herramientas online como TinyPNG o Compressor.io, Squoosh procesa todo localmente en tu navegador. Tus imágenes nunca salen de tu dispositivo, no hay límites de compresiones mensuales, y puedes alojarla en tu propio servidor Docker para máximo control.
Características principales
Múltiples formatos de salida
WebP, AVIF, JPEG, PNG, JXL, WP2, BMP, GIF y más con soporte para conversión automática.
Control granular de compresión
Ajusta calidad, smoothing, effort level y otros parámetros específicos de cada codec en tiempo real.
Comparación lado a lado
Vista antes/después con sliders interactivos para comparar visualmente el resultado de compresión.
Procesamiento local
Toda la compresión ocurre en el navegador del cliente. Las imágenes nunca se envían a ningún servidor.
Información detallada
Muestra dimensiones originales, tamaño de archivo, reducción de bytes y porcentaje de compresión.
Soporte WASM
Usa WebAssembly para máximo rendimiento en la compresión de imágenes.
Interfaz responsive
Funciona perfectamente en desktop, tablet y móvil sin complicaciones.
Sin límites
Comprime unlimited imágenes sin restricciones de número ni tamaño (limitado por RAM del dispositivo).
Descarga inmediata
Descarga las imágenes comprimidas directamente al hacer clic, sin intermediarios.
Open source
100% código abierto. Puedes ver, auditar y modificar el código fuente.
PWA compatible
Funciona como Progressive Web App, instalable en dispositivos para uso offline.
Multi-arquitectura
Imágenes Docker para AMD64, ARM64 y ARMv7, funciona en Raspberry Pi, NAS y más.
Instalación rápida
Opción 1: Docker Run (lo más simple)
docker run -d \
--name squoosh \
--restart unless-stopped \
-p 7701:8080 \
dko0/squoosh:latest
Accede a http://localhost:7701 y comienza a comprimir imágenes.
Opción 2: Docker Compose
version: '3'
services:
squoosh:
image: dko0/squoosh:latest
container_name: squoosh
restart: unless-stopped
ports:
- "7701:8080"
docker compose up -d
Formatos y códecs soportados
Formatos de entrada soportados
Squoosh puede leer y procesar los siguientes formatos:
- JPEG/JPG
- PNG
- WebP
- AVIF
- GIF
- BMP
- TIFF
- JFIF
Formatos de salida disponibles
- JPEG: Mediante MozJPEG (excelente para fotografías)
- PNG: Mediante OxiPNG (sin pérdida)
- WebP: Formato moderno de Google (mejor relación tamaño/calidad)
- AVIF: Formato de nueva generación (mejor compresión que WebP)
- JXL (JPEG XL): Formato experimental (mejor que JPEG y WebP)
- WP2: Formato WebP versión 2
- BMP: Mapa de bits sin compresión
Parámetros ajustables por codec
- MozJPEG: Calidad (0-100), smoothing, progressive
- OxiPNG: Nivel (0-6), interlace
- WebP: Calidad (0-100), method, effort
- AVIF: Quality level (0-62), effort (0-9)
- JXL: Distance (0.1-15), effort (0-9)
Docker Compose con todas las opciones
version: '3.8'
services:
squoosh:
image: dko0/squoosh:latest
container_name: squoosh
restart: unless-stopped
ports:
- "7701:8080"
environment:
- NODE_OPTIONS=--max-old-space-size=2048
networks:
- squoosh-net
networks:
squoosh-net:
driver: bridge
Configurar reverse proxy (Caddy)
squoosh.tudominio.com {
reverse_proxy localhost:7701
}
Nginx con ruta personalizada
location /squoosh/ {
proxy_pass http://localhost:7701/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
Características de uso avanzado
Comparación lado a lado
- Sube una imagen
- En la columna derecha, selecciona el formato de salida deseado
- Ajusta los parámetros (calidad, effort, etc.)
- El resultado aparece en tiempo real a la derecha
- Usa el slider vertical para comparar antes/después
Optimización por formato
Recomendaciones: Para fotografías, usa AVIF o WebP con calidad 75-85. Para gráficos y logos, usa PNG con OxiPNG nivel máximo. Para máxima compatibilidad con navegadores antiguos, usa JPEG con MozJPEG.
Batch processing (múltiples imágenes)
Aunque Squoosh no tiene procesamiento por lotes integrado en la UI, puedes:
- Comprimir imágenes una por una rapidamente
- Usar un script con la CLI versión si necesitas automatización
- Integrar con herramientas como ImageMagick o GIMP para batch
Tips de optimización
Para web (velocidad de carga)
- Fotografías: AVIF con quality 50-60, fallback a WebP quality 70
- Gráficos: PNG con OxiPNG nivel 6
- Iconos: WebP o SVG
- Usa
<picture> HTML tag con múltiples fuentes para compatibilidad
Ejemplo HTML con múltiples formatos
<picture>
<source srcset="imagen.avif" type="image/avif">
<source srcset="imagen.webp" type="image/webp">
<img src="imagen.jpg" alt="Descripción">
</picture>
Tamaños recomendados
- Imágenes pequeñas (<100x100px): 1-5 KB máximo
- Miniaturas (200x200px): 10-20 KB máximo
- Imágenes medianas (800x600px): 50-150 KB máximo
- Imágenes grandes/hero (full-width): 200-500 KB máximo
Gestión y mantenimiento
Ver logs
docker compose logs -f squoosh
Reiniciar Squoosh
docker compose restart squoosh
Detener Squoosh
docker compose down
Limpiar datos temporales
docker compose restart squoosh
Actualizar a la última versión
docker compose pull
docker compose up -d
Ajustar límite de memoria (si tienes imágenes muy grandes)
environment:
- NODE_OPTIONS=--max-old-space-size=4096
Casos de uso
- Desarrolladores web: Optimizar imágenes antes de publicar
- Agencias digitales: Herramienta interna para entrega de proyectos
- Bloggers y creadores: Reducir tamaño de imágenes sin perder calidad
- E-commerce: Optimizar catálogos de productos para cargar más rápido
- Hosting/ISP: Ofrecer servicio de compresión a clientes
- Equipos de diseño: Preparar assets para desarrollo
- Servicios en la nube: Reducir costes de almacenamiento
- Preservación digital: Optimizar archivos antes de archivar
Sígueme en mis redes sociales
Comentarios
Publicar un comentario