Una guía para Squoosh.App de Google

¿Qué es Squoosh.App?

Squoosh.App de Google es una aplicación de compresión de imágenes de código abierto creada por GoogleChromeLabs. Squoosh se basa en un navegador y está diseñado específicamente para comprimir imágenes grandes para una carga más rápida en cualquier navegador web. La aplicación es gratuita para cualquier persona y funciona tanto en línea como fuera de línea en todos los principales navegadores, como Chrome, Firefox y Safari.

Squoosh se ejecuta en GitHub como parte de un proyecto exploratorio más amplio destinado a la optimización de sitios web. Debido a que las imágenes grandes y de alta resolución pueden ralentizar la carga del sitio y ser parte de núcleos inferiores en varios Core Web Vitals , Google se ha fijado en ayudar a los propietarios de sitios web a comprimir sus imágenes para un mejor rendimiento del sitio y velocidades de navegación óptimas.

La pantalla de Squoosh está dividida para que los usuarios puedan ver los resultados de antes y después de la compresión de imágenes. Esta herramienta le brinda un adelanto de las diferencias a menudo insignificantes, si es que se notan, entre la imagen original y la comprimida. Sin embargo, las imágenes comprimidas y optimizadas para la velocidad contribuyen a tiempos de carga más rápidos y una mejor experiencia del usuario. Incluso podrían ayudar a mejorar su ranking de SEO.

Comprimir una imagen en Squoosh es rápido y fácil, y los usuarios pueden descargar sus imágenes comprimidas inmediatamente después de editarlas. Ahora, echemos un vistazo a cómo usar la aplicación.

Cómo utilizar Squoosh.App

¿Quieres comprimir una imagen en Squoosh? Es un proceso intuitivo y simple que es tan simple como cargar, editar y luego guardar su imagen optimizada para la web .

Primero, abra una nueva ventana del navegador y vaya a https://squoosh.app/ .

>A continuación, puede cargar o arrastrar y soltar su propia imagen en el editor. (Desafortunadamente, no podrá trabajar en lotes, así que elija una imagen a la vez).

Su imagen anterior está en el lado izquierdo de la barra deslizante, con la imagen posterior a la derecha. Acercar y alejar con la herramienta de zoom en la parte inferior central de la pantalla.

>Alternativamente, puede elegir una de las imágenes proporcionadas en la parte inferior de la pantalla para ver cómo funciona el editor.

>Una vez que haya cargado su imagen, puede comenzar a ajustarla usando la interfaz del navegador. El control deslizante de comparación le mostrará la diferencia entre la imagen original y su imagen comprimida para que pueda mantener el nivel de calidad de imagen que necesita para su proyecto.

>El cuadro Comprimir en la esquina inferior izquierda de su pantalla muestra su imagen original de manera predeterminada. Puede usar el menú desplegable para ver diferentes opciones de imagen:

• AVIF
• JPEG del navegador
• Navegador PNG
• JPEG XL (beta)
• MozJPEG
• Oxi PNG
• WebP
• WebP v2 (inestable)

>Editando tu imagen en Squoosh

En la parte inferior derecha de la pantalla, verá el menú Editar. Si elige cambiar el tamaño de la imagen o reducir la paleta de colores de su imagen, puede seleccionar esas opciones para ver un menú ampliado.

>Cuando se trata de cambiar el tamaño de su imagen con Squoosh, tiene una serie de variables para alternar. Puede:

• Elija un método específico y preestablecido para cambiar el tamaño
• Restablecer manualmente el ancho y la altura de la imagen
• Elija si desea mantener el RGB lineal y la relación de aspecto
• Elija si premultiplicar o no el canal alfa

Además, puede elegir si desea reducir la paleta de colores de su imagen para mejorar el rendimiento del sitio web . Use las barras deslizantes debajo del encabezado Reducir paleta para reducir los colores y el difuminado.

A continuación, es hora de comprimir su imagen. Puedes elegir una de tres opciones:

• OptiPNG, un convertidor de PNG utilizado para imágenes originales en formatos TIFF, BMP, PNG, GIF y PNM (otra forma de imagen de mapa de bits). Esta opción comprime y optimiza las imágenes sin comprometer la información .
• MozJPEG, un conversor PNG para imágenes originales en formatos JPG, BMP y PPM. Este método comprime los archivos JPEG conservando la compatibilidad y la calidad.
• WebP, un método de compresión desarrollado por Google que aprovecha la compresión sin pérdida y con pérdida . Las imágenes de WebP son increíblemente compatibles con SEO.

Tenga en cuenta que aquí, incluso con una calidad de imagen del 75 % después de la compresión, la imagen comprimida aún se ve casi idéntica a la original.

>Para usuarios avanzados, expanda Configuración avanzada para ajustar canales, cuantización y más.

>Cuando haya terminado, haga clic en el botón Descargar en la esquina inferior derecha de la pantalla para guardar el archivo editado.

>Cómo se compara Squoosh con herramientas similares

Existen múltiples herramientas de compresión de imágenes disponibles para diferentes plataformas y usos. Cuando seleccione una herramienta de compresión de imágenes, querrá asegurarse de que sea adecuada para sus usos. Algunas herramientas con capacidades similares a Squoosh son solo para uso personal (no comercial), pagas o solo aplicaciones descargables creadas para dispositivos específicos.

Tenga en cuenta que querrá seleccionar una herramienta que no sacrifique la calidad de sus imágenes. Cuando analice sus opciones, querrá verificar la calidad de imagen de la herramienta después de la compresión.

Uno de los competidores de Squoosh más recomendados es Cesium , una aplicación gratuita de compresión de imágenes de código abierto. Cesium está basado en navegador y se puede descargar, por lo que los usuarios pueden decidir cómo aprovecharlo mejor. Alternativamente, la API de ImageOptim funciona de manera similar, con una membresía paga desde $12.00 USD por mes.

También puede encontrar complementos de optimización de imágenes de WordPress que también abordan las necesidades de compresión de imágenes. ShortPixel y Smush son herramientas que pueden automatizar la compresión de imágenes. Para los usuarios de WordPress que desean una solución todo en uno sin salir de su panel de control, un complemento como este podría ser una excelente opción.

Squoosh no cuenta con el procesamiento por lotes de imágenes o las opciones de automatización que tienen otras aplicaciones. Sin embargo, su capacidad para comprimir una imagen manteniendo una calidad impecable es una ventaja increíblemente importante. En última instancia, la selección de la herramienta adecuada para sus necesidades depende de usted.

Conclusión

Optimizar sus imágenes y acelerar el tiempo de carga del sitio web es de vital importancia tanto para los visitantes del sitio como para las clasificaciones de SEO . Squoosh.app lo ayuda a comprimir con éxito las imágenes de su sitio web manteniendo una alta calidad. Esa es una gran ventaja, especialmente porque los propietarios de sitios entienden la importancia de los sitios web hermosos que se cargan rápidamente. Sin embargo, el mayor inconveniente es no poder procesar imágenes por lotes. Si eso no es un factor decisivo, Squoosh es una opción bastante sólida.

¿Has usado Squoosh? ¿O suena como una herramienta que podría probar? ¡Cuéntanos tus experiencias en los comentarios!

Imagen destacada a través de Overearth / shutterstock.com