Optimización de imágenes| Squoosh.app

Resumen rápido de la herramienta: Optimización de imágenes

Squoosh Mise en avant

Aprenda a usar Squoosh, una herramienta en línea gratuita para optimizar rápidamente sus imágenes para la web sin perder su calidad visual. 

Presentación detallada de la herramienta: Optimización de imágenes

Descripción Squoosh App

Squoosh es una aplicación en línea diseñada por el equipo de Google Chrome Labs para ayudar a los usuarios a reducir fácilmente el tamaño de los archivos de imagen con solo unos pocos clics sin alterar su calidad visual. 

Para ello, la herramienta cuenta con funciones avanzadas para la optimización de imágenes y, curiosamente, Squoosh es completamente gratuito. Admite una amplia gama de formatos web (JPG, MozJPEG, WebP, PNG) y también está disponible como proyecto de código abierto en GitHub. 

¿Qué es la aplicación Squoosh? 

Squoosh sigue siendo una de las soluciones de compresión y cambio de tamaño de imágenes para la web más fáciles de usar, pero altamente personalizables que encontrará. 

La herramienta es el resultado de un proyecto de desarrollo de código abierto creado por el equipo de Google Chrome Labs para brindar a los usuarios mejores funciones de optimización de imágenes. 

De hecho, dadas las funciones que ofrece la aplicación Squoosh, la herramienta sigue siendo una alternativa eficaz a muchas soluciones de optimización de imágenes de pago. 

Squoosh le permite ver en tiempo real las mejoras que realiza en su imagen y el tamaño exacto del archivo. 

Para que pueda comparar fácilmente los resultados y ver cuántos bytes le ahorró Squoosh.

La herramienta funciona directamente en línea como un software basado en la web y tiene una función que le permite continuar optimizando su imagen incluso sin conexión.

Una vez completadas las modificaciones, puede guardar la versión optimizada de la imagen localmente en su máquina. 

Además, si lo desea, puede descargar la versión de la aplicación de escritorio para instalar y usar la herramienta directamente en su computadora. 

La versión web de Squoosh sigue siendo bastante simple de usar y puede ser fácilmente utilizada incluso por principiantes en la modificación de imágenes.

Para los desarrolladores que deseen ver el código fuente de la herramienta, Squoosh también está disponible como un programa de código abierto en GitHub

Aplicación Squoosh: cómo usar la herramienta para optimizar sus imágenes

Según su dominio de las funciones de Squoosh, puede realizar una compresión simple o avanzada de sus imágenes. 

Para permitir que todos reproduzcan con éxito los diferentes pasos que se presentarán en esta guía, solo mostraremos cómo usar Squoosh para una compresión simple: 

  • Para comenzar, debe ir a la Squoosh 
  • Cargar luego la imagen para comprimir. Para ello, tienes la opción de arrastrar y soltar la imagen o importarla desde el selector de archivos. 

Después de una importación, Squoosh muestra las imágenes de manera predeterminada al 100 % del tamaño de la imagen. Para las imágenes que son demasiado grandes, puede alejar un poco el zoom para ver la imagen completa en su panel de Squoosh.  

Una vez que la imagen se carga en Squoosh, es importante evaluarla para saber claramente qué se debe hacer para optimizarla. 

Por esto: 

¿Cuál es el tamaño ideal de imágenes que necesita para brindar una mejor experiencia de usuario a sus visitantes? 

Si es una imagen que ocupará solo la mitad de la ventana, una dimensión de 600 o 700 píxeles de ancho ya sería suficiente. 

¿Cuál es el tipo de archivo ideal para su imagen? 

El tipo de archivo también es un aspecto importante a considerar antes de optimizar su imagen. 

Elegir un tipo de archivo también significa elegir el tipo de compresión que se utilizará para la imagen. 

Lo que pasa es que no todas las imágenes tienen los mismos requisitos. Algunos pueden requerir un fondo claro, otros una gran cantidad de colores. 

Elegir el tipo correcto de archivo de compresión contribuye en gran medida a optimizar la imagen. 

Aquí está la lista de formatos de imagen soportados por Squoosh: 

  • JPG – Recomendado para fotos, degradados y otras imágenes con muchos colores 
  • PNG – Recomendado para imágenes con un fondo claro e ilustraciones con pocos colores
  • WebP – Recomendado para imágenes avanzadas (No funciona en todos los navegadores) 
  • AVIF: recomendado para imágenes avanzadas (no funciona en todos los navegadores) 

Una vez que tenga una idea del tamaño ideal y el tipo de formato adecuado para sus archivos de imagen, puede ajustar la configuración que ofrece Squoosh. 

Luego puede descargar la versión optimizada de su imagen haciendo clic en el botón de descarga en la parte inferior derecha de su pantalla. 

El archivo se almacenará en su ubicación de descarga predeterminada. 

Aplicación Squoosh: comprensión de la interfaz de la herramienta

Cuando carga una imagen por primera vez en Squoosh, es posible que se sienta un poco perdido con todas las opciones que ofrece la herramienta. 

Pour vous aider à vous familiariser avec l’outil, nous allons passer en revue quelques différents essentiels que vous trouverez votre interface Squoosh : 

Le curseur avec des flèches roses et bleues : Il s’agit du curseur qui divise votre image en deux parties : ‘ antes y después’. 

La parte izquierda muestra una vista previa de la imagen original y la parte derecha muestra una vista previa de la versión comprimida. Este control deslizante se puede arrastrar hacia la izquierda y hacia la derecha para cambiar ambas partes. 

Sin embargo, hay que reconocer que es un poco difícil ver la diferencia entre las dos partes. La cuestión es que la configuración de optimización predeterminada que ofrece Squoosh es bastante similar. 

Configuración de optimización (ubicada a su derecha): en la esquina inferior derecha de su pantalla, tiene opciones de optimización que le permiten controlar cómo se comprimirá la imagen. 

Estas configuraciones tienen en cuenta el formato de compresión, las opciones de cambio de tamaño y muchas más. 

No podremos pasar por todas las opciones que ofrece la herramienta en esta guía. Sin embargo, puedes divertirte probándolos para ver cómo se ven y elegir los que mejor se adapten a ti. 

Los parámetros de la imagen (ubicados a tu izquierda): La parte izquierda está reservada a priori para tener una vista previa del archivo de imagen original que subiste a Squoosh. Pero también se puede usar para comparar dos versiones comprimidas diferentes de la misma imagen. 

Para hacer esto, haga clic en las flechas ubicadas en la barra etiquetada como «Editar» para copiar los ajustes de compresión (a la derecha) y reemplazarlos con los de la imagen original (a la izquierda). 

La vista previa original debe sobrescribirse. Luego puede continuar modificando la imagen (en la parte de la derecha) para comparar esta nueva versión comprimida de la imagen con la anterior. 

Controles de descarga:  En la parte inferior de cada parte, puede ver el tamaño final del archivo de imagen, así como el porcentaje de reducción en comparación con la versión original. En ambos lados también tiene un botón de descarga para guardar los nuevos archivos de imagen comprimidos.  

Aplicación Squoosh: la 

aplicación de escritorio Squoosh también existe como una aplicación de escritorio que puede descargar e instalar en su computadora. 

Esta versión de escritorio de la herramienta ofrece: 

  • Manipulación de imágenes más fácil 
  • Mejor calidad de imagen 
  • Capacidad para editar sus imágenes sin conexión
  • Una interfaz más grande 
  • 100% gratuita

Aplicación Squoosh: ventajas y desventajas 

Squoosh no es la única aplicación de compresión de imágenes, pero la herramienta es, sin duda, una de las mejores.

Pros 

  • Interfaz de usuario fácil de usar y fácil de aprender
  • Respeto por la privacidad 
  • Capacidad de ver los ajustes en tiempo real 
  • Herramienta completamente gratuita 

Contras 

  • Solo puede procesar una imagen a la vez

Vídeos de herramientas: Optimización de imágenes

Galería de herramientas: Optimización de imágenes

Presentación de la empresa: Optimización de imágenes

Descripción de la empresa Squoosh

Squoosh es una plataforma gratuita de optimización de imágenes. Te permite reducir el tamaño de las imágenes de las páginas web de tus sitios manteniendo su calidad. Es una especie de compresor de imágenes.

Es una herramienta que es esencial en la optimización de la velocidad de sus páginas web para los motores de búsqueda. Squoosh tiene una interfaz muy simple e intuitiva, por lo que comenzar es fácil.

Para reducir el tamaño de sus imágenes, simplemente arrastre y suelte y en segundos habrá terminado. Puede ser utilizado por todos, ya sean integradores web, SEO o especialistas en marketing digital.

Encuentre la empresa: Optimización de imágenes

Optimización de imágenes en las redes sociales

Les autres outils associés : Optimisation Images

Deja un comentario

Alexandre MAROTEL

Fundador de la agencia SEO Twaino, Alexandre Marotel es un apasionado del SEO y de generar tráfico en Internet. Es autor de numerosas publicaciones y tiene una cadena Youtube cuyo objetivo es ayudar a los empresarios a crear sus sitios web y ser mejor referenciados en Google.