Revisión del complemento: Complemento de WordPress WP Squish

Publicado: 2019-06-20

El espacio de almacenamiento y la velocidad de carga de la página son dos de las cosas más importantes para cualquier sitio web y las imágenes son uno de los mayores delincuentes. Reducir el espacio que requieren las imágenes sin sacrificar la calidad de imagen es crucial. Si usa JPEG, una excelente opción es un complemento llamado WP Squish.

WP Squish es un complemento gratuito de Aspen Grove Studios que comprimirá sus archivos JPEG mientras le brinda un control total sobre la calidad de compresión no solo de las variaciones creadas por WordPress sino también de las variaciones creadas por sus temas de WordPress.

Echemos un vistazo a WP Squish y veamos qué puede hacer.

Instalación de WP Squish

Primero, descargue WP Squish del sitio web de Aspen Grove Studios. Instale y active el complemento de forma normal. No requiere ninguna clave, por lo que una vez que haya activado el complemento, funcionará automáticamente con la configuración predeterminada.

Configuración de WP Squish

Se agrega un nuevo elemento de menú al menú Configuración en el tablero de WordPress llamado WP Squish. Este menú incluye las opciones de imagen y la configuración de compresión. De forma predeterminada, las opciones de límite de tamaño están deshabilitadas y la calidad de compresión se establece en 75.

Opciones de imagen de WP Squish

Tiene la opción de especificar el límite de tamaño de las imágenes. Especifique cualquier tamaño que desee. Una vez que esta opción está habilitada, todas las imágenes más grandes se redimensionarán cuando se carguen. Habilitar Siempre recomprimir imágenes JPEG de tamaño completo permitirá que las imágenes de tamaño completo se compriman solo si es necesario cambiar su tamaño.

Configuración de compresión de imagen

Puede establecer la calidad de imagen de todas las imágenes juntas o ajustar el tamaño de cada imagen de forma independiente. Ingrese el valor manualmente o use el control deslizante. Estas son las imágenes estándar de WordPress que se crean cuando subes una imagen.

Si usa el control deslizante para Todos los tamaños, verá que el número aparece en el cuadro junto con las flechas hacia arriba y hacia abajo para que pueda ajustar la cantidad. También verá que todos los controles deslizantes han seguido su configuración. En este caso, todos están configurados con una calidad de 51. Incluso si configura Todos los tamaños, aún puede controlar cada uno individualmente.

Esto es especialmente útil si desea establecer la mayoría en un determinado porcentaje y luego controlar algunos manualmente. En este ejemplo, configuré la mayoría en una calidad de 60 y configuré manualmente dos tamaños de imagen en 70.

También puede controlar las imágenes creadas por temas. Las imágenes de este ejemplo fueron creadas por Divi.

Estos son agregados por Extra. Agrega más que Divi debido a los módulos estilo revista.

Estos son añadidos por el tema Veinte Diecisiete.

Ejemplos de WP Squish

Tomé algunas fotos de Unsplash.com y las subí sin compresión ni límites en sus dimensiones. Después de esto, establecí el límite de dimensión y los subí nuevamente con la compresión configurada en varios niveles. Aquí hay algunas comparaciones. La primera ronda utiliza la configuración de calidad de compresión predeterminada de 75.
Echando un vistazo a una de las imágenes al azar, esta es la imagen original con unas dimensiones de 5184×3456 y un tamaño de archivo de 5 MB.
Aquí está la imagen redimensionada sin compresión. Es 1620 × 1080 y el tamaño del archivo es de 1 MB. Simplemente limitar las dimensiones redujo considerablemente el tamaño del archivo.
Aquí está la misma imagen cargada nuevamente con la compresión habilitada a la calidad de imagen predeterminada de 75. Sus dimensiones son 1620×1080 y el tamaño del archivo es de 107 kb.
Aquí hay otra imagen sin límites de compresión o dimensión. Sus dimensiones son 6016×4016 y su tamaño de archivo es de 3 MB.
La versión comprimida es de 1618×1080 y el tamaño del archivo es de 249 kb.
Observe que todas las imágenes están limitadas a una altura de 1080. Volví a la configuración y eliminé el límite vertical. Esto permite que la imagen tenga cualquier tamaño vertical pero limitada al tamaño horizontal.
Esta imagen original tiene unas dimensiones de 5184×3456 y su tamaño de archivo es de 3 MB.
La imagen redimensionada es de 1920 × 1280 y el tamaño del archivo es de 252 KB.
Veamos algunos ejemplos en paralelo. La imagen de la izquierda es la original en 2963×3878, 4 MB. La imagen de la derecha se ha redimensionado a una calidad de 75 a 825 × 1080, 180 KB.
En este, la imagen de la izquierda es la original y la imagen de la derecha fue comprimida a una calidad de 60. Es 825×1080, 135 KB.
En este, la imagen de la derecha fue comprimida a 50. Tiene 825×1080, 117 KB.
Para este, la imagen de la derecha está comprimida con una calidad de 20. Tiene un tamaño de 825×1080, 64 KB. Incluso con este nivel de calidad, la imagen es completamente utilizable. Esta calidad variará, dependiendo de muchos factores con sus fotos. Si esta foto fuera de un tamaño más grande, la calidad más baja podría ser más obvia. Recomiendo 60-75 como estándar y luego experimentar para ver qué funciona mejor.
Aquí está la foto del tucán. La imagen de la izquierda es la original en 5184×3456, 5 MB. La imagen de la derecha está comprimida con una calidad de 20. Tiene 1620×1080, 40 KB. Las diferencias son tan pequeñas que tengo que mirar de cerca para detectarlas, e incluso entonces la foto comprimida se ve muy bien.
Aquí está el tamaño mediano del original a la izquierda sin compresión, 75 en el centro y 60 a la derecha.
Aquí hay un ejemplo de dos conjuntos de miniaturas con ambos conjuntos que se muestran de izquierda a derecha: 100, 75 y 60.
Veamos algunas imágenes grandes. Este muestra la versión grande del original en la parte superior y la versión en la parte inferior tiene una calidad de 60.
Este muestra la versión grande del original en la parte superior. La versión en la parte inferior tiene la calidad establecida en 40.
Este muestra la versión grande, 4 MB, del original en la parte superior y la versión de calidad 40, con 251 KB, en la parte inferior. Puede ver que las nubes de la izquierda comienzan a mostrarse en menor calidad. 40 es realmente agresivo para la compresión de imágenes. En algún lugar en el rango de 60-75 parece ser la mejor opción y aun así reducen considerablemente el tamaño del archivo.
Este usa una calidad de 60. No está mal para una imagen de 324 KB.

pensamientos finales

WP Squish no solo es fácil de usar, sino que también ahorra mucho espacio en su servidor de WordPress. Esto también significa que sus páginas se cargan más rápido y es más probable que sus visitantes se queden esperando hasta que sus páginas se carguen en sus navegadores. El nivel de compresión en comparación con la calidad es asombroso. Están comprimidas aún más en este artículo, pero las imágenes aún deben contar la historia.

Me gusta que puedas ajustar cada tipo de imagen individualmente. También me gusta que pueda limitar las dimensiones generales y hacer que las imágenes que son más grandes que su límite cambien de tamaño automáticamente a ese límite. Esto evita que tengas que cambiar el tamaño de tus fotos cada vez que quieras subir algo (algo que tiendo a olvidar).

WP Squish es un complemento excelente para la compresión JPEG y es un complemento fácil de recomendar. Si necesita un complemento gratuito para comprimir archivos JPEG y limitar sus dimensiones a medida que se cargan en WordPress, vale la pena probar WP Squish.

¿Has probado WP Squish? Háganos saber lo que piensa al respecto en los comentarios.