¿Quiere comprimir y optimizar imágenes en su sitio para mejorar el rendimiento del sitio? La herramienta de compresión de imágenes Google Squoosh.App puede ser una gran opción para ti. En este artículo, discutiremos qué es Squoosh, cómo usarlo y cómo puede ayudar a los propietarios de sitios web a optimizar sus sitios para obtener la mejor experiencia de usuario posible.
¿Qué es Squoosh.App?
Squoosh.App de Google es una aplicación de compresión de imágenes de código abierto creado por GoogleChromeLabs. Squoosh se basa en un navegador y está diseñado específicamente para comprimir imágenes grandes para que se carguen más rápido en cualquier navegador web. La aplicación es gratuita para todos y funciona tanto en línea como fuera de línea en cualquier navegador principal, como Chrome, Firefox y Safari.
Squoosh se ejecuta en GitHub como parte de un proyecto de exploración más grande para optimizar un sitio web. Dado que las imágenes grandes y de alta resolución pueden ralentizar la carga del sitio y ser parte de núcleos inferiores en varias métricas web básicas, Google se ha fijado el objetivo de ayudar a los propietarios de sitios web a comprimir imágenes para un mejor rendimiento del sitio y velocidades de navegación óptimas.
La pantalla Squoosh está dividida para que los usuarios puedan ver los resultados de la compresión de imágenes antes y después. Esta herramienta le brinda información sobre las diferencias a menudo insignificantes, si es que se notan, entre la imagen original y la imagen comprimida. Sin embargo, las imágenes comprimidas y optimizadas para la velocidad contribuyen a reducir los tiempos de carga y a una mejor experiencia del usuario. Incluso pueden ayudarlo a mejorar su clasificación SEO.
Comprimir una imagen con Squoosh es rápido y fácil, y los usuarios pueden descargar imágenes comprimidas inmediatamente después de editarlas. Ahora echemos un vistazo a cómo usar la aplicación.
Cómo usar la aplicación Squoosh.
¿Quieres comprimir tu imagen en Squoosh? Es un proceso intuitivo y sencillo que es tan simple como cargar, editar y luego guardar una imagen optimizada para la web.
Primero, abra una nueva ventana del navegador y vaya a https://squoosh.app/.
Luego 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 antes de la imagen está a la izquierda del control deslizante, un después la imagen de la derecha. Acerque y aleje con la herramienta de zoom en la parte inferior central de la pantalla.
Alternativamente, puede seleccionar una de las imágenes en la parte inferior de la pantalla para ver cómo funciona el editor.
Después de cargar su imagen, puede comenzar a personalizarla a través de la interfaz del navegador. El control deslizante de comparación le mostrará la diferencia entre la imagen original y la imagen comprimida, para que pueda mantener el nivel de calidad de imagen necesario para su proyecto.
De forma predeterminada, el cuadro Comprimir en la esquina inferior izquierda de la pantalla muestra la imagen original. Puede usar el menú desplegable para ver diferentes opciones de imagen:
- AVIF
- Visor de JPEG
- visor PNG
- JPEG XL (beta)
- MozJPEG
- Oxi PNG
- WebP
- WebP v2 (inestable)
Edición de imágenes en Squoosh
En la esquina inferior derecha de la pantalla verá el menú Editar. Si elige cambiar el tamaño de una imagen o reducir la paleta de colores de la imagen, puede seleccionar estas opciones para mostrar un menú desplegable.
Cuando se trata de cambiar el tamaño de una imagen con Squoosh, tiene muchas variables para elegir. Puedes:
- Elija el método específico y el ajuste preestablecido para cambiar el tamaño
- Restablecer manualmente el ancho y la altura de la imagen
- Elige si quieres mantener el RGB lineal y la relación de aspecto
- Elija si premultiplicar el canal alfa
Además, puedes elegir si quieres reducir la paleta de colores de la imagen para mejorar el rendimiento de tu sitio web. Use los controles deslizantes debajo del encabezado Shrink Palette para reducir el color y el difuminado.
Entonces es hora de comprimir la imagen. Puedes elegir entre 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 imágenes sin perder información.
- MozJPEG, convertidor de PNG para imágenes originales en formatos JPG, BMP y PPM. Este método comprime archivos JPEG manteniendo la compatibilidad y la calidad.
- WebP, un método de compresión desarrollado por Google que utiliza compresión sin pérdida y con pérdida. Las imágenes de WebP son extremadamente 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 los canales, cuantizacióny 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
Hay muchas herramientas de compresión de imágenes disponibles para diferentes plataformas y aplicaciones. Cuando elija una herramienta de compresión de imágenes, querrá asegurarse de que sea adecuada para su aplicación. Algunas herramientas similares a Squoosh son solo para uso personal (no comercial), aplicaciones pagas o descargables solo para dispositivos específicos.
Recuerda que querrás elegir una herramienta que no sacrifique la calidad de tus imágenes. Al analizar las opciones, tiene sentido verificar la calidad de la imagen después de la compresión en la herramienta.
Uno de los competidores más recomendados de Squoosh es ces, una aplicación de compresión de imágenes gratuita y de código abierto. Cesium funciona tanto en el navegador como en la descarga, por lo que los usuarios pueden decidir cuál es la mejor manera de usarlo. Alternativamente, ImageOptym La API funciona de manera similar, con una membresía paga desde $ 12.00 por mes.
También hay complementos de WordPress para satisfacer sus necesidades de compresión de imágenes. píxeles cortos y aplastar 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 tablero, este complemento puede ser una excelente opción.
Squoosh no ofrece las opciones de automatización o agrupación de imágenes que tienen otras aplicaciones. Sin embargo, su capacidad para comprimir una imagen manteniendo una calidad impecable es una ventaja extremadamente importante. En última instancia, elegir la herramienta adecuada para sus necesidades depende de usted.
Solicitud
Optimizar sus imágenes y acelerar el tiempo de carga de su sitio es extremadamente importante tanto para los visitantes de su sitio como para las clasificaciones de SEO. Squoosh.app lo ayuda a comprimir las imágenes de su sitio web de manera eficiente mientras mantiene una alta calidad. Esta es una gran ventaja, especialmente porque los propietarios de sitios web entienden la importancia de los sitios hermosos que se cargan rápidamente. Sin embargo, el mayor inconveniente es la incapacidad de procesar imágenes por lotes. Si eso no es un incumplimiento de contrato, Squoosh es una opción bastante sólida.
¿Has usado Squoosh? ¿O suena como una herramienta que puedes probar? ¡Cuéntanos tus experiencias en los comentarios!
Imagen destacada a través de Overearth / shutterstock.com
