Optimizar las imágenes de tu sitio web es clave para mejorar la velocidad de carga y la experiencia del usuario. Una herramienta muy recomendada para este proceso es Squoosh, una aplicación gratuita desarrollada por Google que puedes usar directamente en squoosh.app, sin registrarte ni instalar nada.
En este artículo te explico paso a paso cómo optimizar imágenes con Squoosh y cuáles son sus principales ventajas.
Índice de contenidos
¿Qué es Squoosh?
Squoosh es una herramienta online disponible en https://squoosh.app que permite comprimir, convertir y redimensionar imágenes de forma sencilla y rápida. Es ideal para preparar las imágenes antes de subirlas a tu web, sin perder calidad visual.
Pasos para optimizar imágenes con Squoosh
1. Accede a Squoosh.app
Lo primero que debes hacer es entrar en https://squoosh.app. Desde allí, simplemente arrastra la imagen que quieras optimizar.
2. Convierte las imágenes a WebP o AVIF
WebP es el formato más recomendado para imágenes web: pesa mucho menos que JPG o PNG con una calidad similar y lo admiten todos los navegadores actuales. AVIF comprime todavía más y es una buena opción para fotografías grandes, aunque tarda algo más en procesarse.
En Squoosh puedes seleccionar WebP o AVIF desde las opciones de formato disponibles a la derecha de la pantalla.
3. Ajusta la calidad de la imagen
Squoosh te permite configurar el nivel de calidad de la imagen comprimida.
- Una calidad del 75% al 85% suele ser un buen equilibrio entre peso y calidad visual.
- Puedes comparar el resultado con la imagen original desplazando una barra.
- También puedes hacer zoom para verificar pequeños detalles.
4. Redimensiona las imágenes (Resize)
Otra funcionalidad muy útil de Squoosh es la opción Resize, que te permite reescalar la imagen a las dimensiones exactas que necesitas.
Por ejemplo, si tu web solo mostrará la imagen a un máximo de 1000 píxeles de ancho, es recomendable reducirla a ese tamaño. Así ahorrarás aún más peso sin perder calidad en la visualización.
Solo debes introducir las dimensiones deseadas y Squoosh se encargará del resto.
Ventajas de optimizar imágenes con Squoosh
- Reducción significativa del peso de las imágenes.
- Conversión fácil a WebP y AVIF.
- Ajuste manual de calidad visual.
- Redimensionado rápido y personalizado.
- Herramienta online, gratuita y sin necesidad de registro.
Conclusión
Optimizar las imágenes de tu web es un paso imprescindible para mejorar el rendimiento de tu sitio y ofrecer una mejor experiencia a tus usuarios. Con Squoosh puedes hacerlo de forma rápida, sencilla y efectiva.
Squoosh es perfecto para preparar imágenes sueltas antes de subirlas. Si tu web ya tiene cientos de imágenes, lo práctico es automatizarlo: un plugin o módulo que convierta a WebP o AVIF y sirva el tamaño adecuado a cada dispositivo. Y para que la web vuele, combínalo con la caché del navegador y la compresión Gzip y Brotli.
¿Quieres que tu web cargue más rápido? En Kebes optimizamos la velocidad de webs WordPress y de tiendas PrestaShop. 👉 Cuéntanos tu caso.