Lo que veremos en este resumen son los mejores optimizadores de imágenes de WordPress.
Cada uno de ellos pretende ser la mejor herramienta para este propósito. Así que los probamos en la vida real para ver cómo funcionan realmente.
Los resultados de nuestras pruebas realmente nos sorprendieron. Continúe leyendo para descubrir exactamente lo que descubrimos, especialmente sobre los complementos "populares".
¿Por qué molestarse en optimizar las imágenes?
Las imágenes representan aprox. 21% del tamaño de una página determinada .
Cuantas más imágenes utilices en tu contenido, más tardará en cargarse una página. Pero aún debes usar imágenes en tu sitio. Optimizar sus imágenes en Photoshop o similar solía ser la única forma de reducir el tamaño de una imagen.
Pero requiere mucho trabajo y cierto conocimiento. Afortunadamente, existe una amplia gama de complementos de optimización de imágenes para WordPress que pueden hacer este trabajo por usted.
Aquí están los complementos que probamos.
Los mejores complementos de optimización de imágenes de WordPress
Imagify
Imagify es un complemento gratuito para WordPress, pero deberá crear una cuenta Imagify.io para obtener la API necesaria para que el complemento funcione.
Imagify proviene de las mismas personas que crearon WP Rocket , por lo que teníamos grandes expectativas en términos de características y capacidades.
Interfaz de imagen
No tendrá que preocuparse por múltiples pestañas, menús laterales ni nada por el estilo: la interfaz de Imagify ocupa una sola página:
Es un poco intimidante a primera vista, pero en realidad sólo hay un puñado de configuraciones de las que debes preocuparte, como el "nivel de optimización" y la habilitación del soporte de imágenes.WebP.
Es más o menos eso.
Una característica realmente interesante es que puedes optimizar tus imágenes. tema de WordPress, o simplemente agregue una carpeta completa de imágenes en su lugar:
La herramienta "Comparación visual" es un buen toque: puedes obtener una vista previa de los diferentes niveles de compresión de imágenes disponibles en el complemento:
Optimización de imágenes
Puede elegir tres tipos diferentes de compresión de imágenes:
- Normal – compresión mínima
- Agresivo: compresión media (configuración predeterminada)
- Máxima ultracompresión
Como ocurre con la mayoría de estos complementos, puede realizar una "optimización masiva" para las imágenes existentes, pero queríamos probar cómo maneja la optimización de imágenes nuevas.
No estaba muy claro cómo hacerlo: hubo algo de prueba y error.
Primero debes cargar la imagen y luego ir a tu biblioteca multimedia en WordPress para encontrar la configuración de optimización:
Su imagen está optimizada de acuerdo con la configuración predeterminada del complemento Imagify, y en este caso fue la configuración "Agresiva" la que redujo el tamaño del archivo en uno. enorme 95,34% .
En términos reales, esto significa que el tamaño del archivo se redujo de 555 KB a 25 KB.
Puede optar por optimizar hasta 'Ultra' o bajar a 'Normal' desde esta pantalla, así como restaurar el archivo de imagen a su estado original.
Incluso puedes comparar la calidad del archivo original con la versión recién optimizada antes de publicarlo:
VENTAJAS
- Compresión de imagen muy impresionante
- Su plan gratuito cubre 25 MB de ancho de banda de imágenes por mes.
- La interfaz mínima es muy fácil de usar.
DESVENTAJAS
- Sería bueno tener una pestaña separada para la configuración de "Administrador", pero aquí estamos siendo quisquillosos.
Resumen de Imaginar:
- Facilidad de instalación: Tienes que registrarte para acceder a la clave API.
- Última actualización : Hace semanas 2
- Soporte de imágenes WebP: Sí
- Prueba de compresión de imágenes: 95,34%
Smush
Smush (anteriormente WP Smush) es uno de los complementos de compresión de imágenes más populares.
De hecho, si le preguntaras a la mayoría de los propietarios de sitios web qué utilizan para comprimir imágenes, probablemente dirían "Smush". Esto también explica por qué el complemento tiene 1 de instalaciones activas.
Pero veamos si merece su reputación.
interfaz aplastante
El panel es muy claro y le indica cuántas imágenes ha sobrescrito y cuántas imágenes deben sobrescribirse actualmente:
El resto de funciones de Smush son accesibles desde un menú en la parte izquierda de la pantalla:
- mayor Smush – comprime todas tus imágenes a la vez
- Directorio Smush – comprime todas las imágenes en un directorio determinado
- integraciones – Gutenberg, Galería Amazon S3 NextGen y WP Bakery creador de página
- Carga lenta – posponer la carga de imágenes en la mitad inferior de la página
- CDN – Habilitar CDN de desarrollador de WPMU para Smush
- Instrumentos – Detectar y mostrar imágenes de tamaño incorrecto
- Parámetros – Accesibilidad, traducciones, seguimiento de uso, datos de aplicaciones y estado de API.
Para ser justos, las únicas configuraciones que probablemente necesitarás revisar son 'Bulk Smush' y 'Lazy Load'.
Optimización de imágenes
Smush comprime automáticamente nuevas imágenes de forma predeterminada, por lo que tuvimos que desactivar esa configuración para ver realmente lo que estaba haciendo Smush.
Y es por eso que ves que es la configuración predeterminada... porque no hay otras configuraciones de compresión de imágenes con las que jugar:
Smush, o no Smush… ¡esa es la cuestión!
Y cuando haces Smush, los resultados no son exactamente sorprendentes:
Smush nos dio un 3,7% de reducción de tamaño para nuestra imagen de prueba.
En un esfuerzo por ser realmente justos, probamos otra imagen más grande para ver si era tan buena como estaban las cosas:
Esta vez obtuvimos una reducción del 86,1% en el tamaño de la imagen. Smush hizo un trabajo mucho mejor comprimiendo un archivo de 1,5 MB que uno de 555 KB y después de comparar las imágenes, descubrimos por qué: la imagen más grande tenía menos colores y era menos compleja.
Lo que significa que el algoritmo de compresión de Smush es lo más básico posible.
VENTAJAS
- El Smush Dashboard ofrece una representación visual clara de su estadística y tareas
- Es un complemento 100% gratuito.
DESVENTAJAS
- Una “mejora” del 3% en el tamaño del archivo es lamentable
- No puedes cambiar los niveles de compresión.
Resumen de Smush:
- Facilidad de instalación: instalar y activar desde WordPress
- Última actualización del complemento: Hace 1 meses
- Prueba de compresión de imágenes: 3,7%
- ¿Soporte WebP? no
ShortPixel
ShortPixel es un nombre que quizás no conozcas de inmediato, pero están desarrollando una reputación como una de las mejores CDN de imágenes que existen.
Lo primero que debemos abordar aquí es que en realidad existen dos complementos de ShortPixel diferentes:
- Optimizador de imágenes ShortPixel (SIO)
- Imágenes adaptativas de píxeles cortos (SAI)
Entonces, ¿cuál es la diferencia entre ellos?
ShortPixel Image Optimizer es una mejor opción para sitios Difundir datos a una audiencia local. y ShortPixel Adaptive Images es más adecuado para sitios que atienden a audiencias internacionales.
Es por eso que solo probamos el complemento "Imágenes adaptables".
La instalación del complemento es sencilla, pero deberá solicitar una API para que todo funcione correctamente.
Interfaz ShortPixel
Optaron por un enfoque minimalista en su interfaz, que es un soplo de aire fresco en comparación con otros complementos:
En la pestaña "General", puedes elegir entre tres niveles de compresión:
- con perdida – mayor compresión, menor calidad de imagen
- Brillant – casi idéntica a la imagen original
- Sin perdida : menor compresión, mayor calidad de imagen
La compatibilidad con WebP está habilitada de forma predeterminada, al igual que la carga diferida de imágenes. Lo único que debes elegir es el tipo de compresión que deseas utilizar.
La pestaña "Avanzado" contiene la URL de la API y un puñado de configuraciones que el 99% de ustedes nunca necesitará.
Nuevamente, casi no se requiere ninguna configuración.
Compresión de imagen
ShortPixel se encarga de las necesidades de compresión de imágenes "sobre la marcha", por lo que es algo difícil medir los resultados.
De hecho, la única manera de encontrar estadística sobre la compresión de imágenes es a través de su sitio web.
Y necesita descargar un informe separado que solo se actualiza una vez por hora:
Pero los resultados fueron impresionantes... una vez que los encontramos:
tenemos un Reducción del 94,36% en el tamaño del archivo , obtenido sin ningún ajuste, manipulación o manipulación de diversos parámetros.
Esta puntuación sitúa a ShortPixel en el tercer lugar, pero sólo por el margen más pequeño.
VENTAJAS
- Establecer y olvidarse de la optimización de imágenes
- Excelente reducción del tamaño del archivo de imagen
- Sin manipulación de configuraciones complicadas
- Cuenta gratuita disponible (100 imágenes por mes)
DESVENTAJAS
- Necesitan un panel de informes en el complemento.
- Varios complementos disponibles son confusos
Resumen de ShortPixel:
- Instalación: instalar y activar desde WordPress
- Última actualización del complemento: no 16 horas
- Prueba de compresión de imágenes: 94,36%
- ¿Soporte WebP? Sí
Optimizador EWWW
Con 700 instalaciones activas y una calificación de 000 estrellas, EWWW Parece una buena opción como complemento de compresión de imágenes.
Después de todo, si varios cientos de miles de propietarios de sitios están contentos con él, algo deben estar haciendo bien.
Interfaz
EWWW Image Optimizer tiene un panel muy visual que muestra el nivel de compresión de imágenes que puede esperar, así como la cantidad de espacio de archivo que ha ahorrado hasta el momento.
Habrás notado que su nivel de compresión está establecido en 20%, lo que aún así no luce tan mal.
Hasta que notes en el menú "Básico" que en realidad no puedes cambiar los niveles de optimización para ningún tipo de imagen:
Debe comprar una clave API para acceder a su “Pixel Perfect Plus” o a mejores herramientas de compresión.
Analizaremos este fallo con un poco más de detalle en la siguiente sección.
Se accede al resto de la interfaz a través de un menú con pestañas, pero creemos que los nuevos usuarios pueden sentirse realmente abrumados cuando ven las docenas de opciones diferentes que se pueden activar o desactivar.
Compresión de imagen
Al igual que Smush, EWWW Image Optimizer comprime automáticamente todas las imágenes nuevas cargadas en su biblioteca multimedia de WP.
Desafortunadamente, la única forma de hacerlo es editar manualmente su archivo wp_config.php, o lo que ellos llaman " opciones de reemplazo ".
Este descuido hace que el complemento sea instantáneamente inaccesible para una gran cantidad de personas.
Ejecutamos nuestra prueba del complemento usando su configuración de optimización predeterminada y obtuvimos este resultado:
Esta reducción del 9% en el tamaño del archivo (58,8 KB) redujo el tamaño de nuestra imagen de prueba de 555 KB a 496,2 KB. Este es un rendimiento ligeramente mejor que el de Smush, pero muy por detrás de todos los demás complementos de esta síntesis.
La única forma de mejorar este resultado es comprar una API que cobra 0,0003 dólares por imagen. O puedes pagar $9 por mes por su CDN de imagen de ExactDN.
Puede parecer una medida de marketing inteligente, pero efectivamente inutiliza su complemento gratuito.
Es solo una herramienta de generación de leads disfrazada de complemento de optimización de imágenes.
VENTAJAS
- EWWW Image Optimizer es gratuito
DESVENTAJAS
- La interfaz es un auténtico desastre.
- La compresión de imágenes es muy pobre.
- La versión gratuita del complemento tiene una funcionalidad extremadamente limitada.
Resumen de EWWW
- Instalación: instalar y activar desde WordPress
- Última actualización del complemento: Hace semanas 2
- Compresión de imagen: 9%
- ¿Soporte WebP? Sí
Optimole
Optimole es un producto con muchas similitudes con Imagify y ShortPixel en el sentido de que ofrece optimización y compresión de imágenes basadas en la nube.
O, en sus propias palabras, “…un CDN de imágenes y procesamiento de imágenes en tiempo real para WordPress”.
Y como la mayoría de las otras herramientas de optimización de imágenes basadas en la nube, es necesario crear una cuenta gratuita para utilizar este complemento. Su cuenta Optimole no es “gratuita para siempre”: se le impone un límite de imágenes de 1 GB.
Interfaz
Nos encantó la interfaz de Optimole: lograron mantenerla engañosamente simple y al mismo tiempo mantener todas las configuraciones que necesita al alcance de su mano.
Puedes elegir entre "Panel de control" y "Configuración":
En Configuración, tienes dos opciones principales:
- Habilitar reemplazo de imagen
- Escalar imágenes y carga diferida
Y en el menú "Avanzado", puedes elegir entre:
- Nivel de compresión – bajo, medio o alto
- Cambio de tamaño de la imagen – cambiar el tamaño de las imágenes grandes para que quepan
- Carga lenta (habilitar marcador de posición genérico)
- Exclusiones – archivos que no desea optimizar
- filigrana – agregue una marca de agua a sus imágenes para disuadir sanguijuelas/robos
Se habría considerado la interfaz más intuitiva del grupo si no fuera por un error flagrante.
Acceder al complemento significa ir a Complementos -> Complementos instalados, luego desplazarse hacia abajo para hacer clic en "Configuración" del complemento.
Esperamos que solucionen este problema en una actualización futura con algún tipo de barra de administración o sistema de menú contextual.
Compresión de imagen
Entonces, la interfaz es excelente, pero ¿qué tan bien logra reducir el tamaño del archivo de imagen?
Bueno, aquí es donde las cosas se desmoronaron un poco. No se integra con la biblioteca multimedia, por lo que no pudimos ver ninguna reducción de los archivos de imagen allí. Después de algunas manipulaciones y actualizaciones, regresamos al panel y encontramos el resultado allí:
Nuestra imagen de prueba ahora es 21,8 veces más pequeña que antes, lo que se ve increíble. Pero todavía teníamos ninguna idea lo que eso significa en kilobytes/megabytes. Así que revisamos el panel web de nuestra cuenta Optimole como último recurso:
26 KB es un resultado sorprendente, pero hay demasiados obstáculos que superar para obtener esa información. Optimole hace muy bien su trabajo, pero necesitan trabajar en su UX.
También debe considerar sus costos una vez que haya utilizado su 1 GB gratuito de imágenes por mes (5 GB de ancho de banda de visualización).
VENTAJAS
- Impresionante capacidad de reducción de imágenes
- La función de marca de agua es genial.
- Interfaz simplificada e intuitiva
- 5 GB de ancho de banda de imágenes gratis al mes
DESVENTAJAS
- De hecho, acceder al complemento es una tarea ardua.
- Los informes son complicados por decir lo menos.
Resumen de Optimole
- Facilidad de instalación: Tienes que registrarte para acceder a la clave API.
- Última actualización del complemento: no 1 días
- Compresión de imagen: 95%
- ¿Soporte WebP? Sí
Resultados de compresión de imágenes
Todos los resultados a continuación se basan en esta imagen de prueba:
- Tamaño de la imagen original: 555 KB
- Formato de imagen: JPEG
- Dimensiones de la imagen: 1px x 000px
| Enchufar | tamaño comprimido | Porcentaje de reducción |
|---|---|---|
| Imagify | 25,8 Ko | 95% |
| Smush | 554,8 Ko | 3% |
| ShortPixel | 31,2 Ko | 94% |
| EWWW | 496,2 Ko | 9% |
| Optimole | 26 Ko | 95% |
El complemento con el mejor resultado de optimización de imágenes es Imaginar.io , con Optimole ocupando el segundo lugar y ShortPixel acercándose muy, muy cerca del tercero.
Lo más interesante de nuestras pruebas fue el pobre desempeño de Smush y EWWW, pero los números no mienten.
No tiene sentido utilizar complementos que literalmente no hacen lo que dicen.
Conclusión
Y eso nos lleva al final de nuestra comparación de optimizadores de imágenes de WordPress, con Imagify claramente convirtiéndose en el ganador.
Nos quedamos realmente sorprendidos por el rendimiento. por Imagen y Optimole en nuestras pruebas.
Sin embargo, esto se basó en el hecho de que no sabíamos mucho sobre ninguno de los complementos y no en ninguna percepción negativa por nuestra parte.
ShortPixel es nuestra herramienta preferida, simplemente porque está casi automatizada: simplemente le dejamos hacer lo suyo.
Como probablemente sepas, nos gusta sistematizar casi todo lo que hacemos. Pero dicho esto, podríamos hacer más pruebas con Imagify en sitios activos para ver cómo funciona.
Háganos saber lo que pensó de este resumen con un comentario y no olvide compartir este artículo si lo encontró útil.
¡Adelante, sabes que lo quieres!
