7 formas de optimizar imágenes: ¿Qué es WebP en WordPress?

Una gran parte de maximizar la velocidad de su sitio web es optimizar sus imágenes. Y a partir de la versión 5.8, WordPress ahora admite el formato de imagen WebP. Este formato de archivo es un 30 % más pequeño que JPEG o PNG, lo que significa que las imágenes se cargan más rápido.

Por supuesto, usar un formato de archivo superior es solo una forma de optimizar sus imágenes. Todavía puede obtener mucho más en términos de rendimiento de imágenes JPEG y PNG optimizadas. De hecho, hay muchas herramientas que lo hacen fácil.

Hoy, cubriré una variedad de formas de optimizar imágenes y mejorar la velocidad de su sitio web.

¿Qué es WebP?

WebP es un formato de imagen creado por Google en 2010. Es más pequeño que los formatos de archivo más tradicionales como JPEG y PNG, mientras que al mismo tiempo ofrece una compresión superior sin pérdida y con pérdida.

Como resultado, los sitios web que utilizan WebP son más rápidos que los que no lo hacen. ¿Entonces, cómo funciona?

Sin ser demasiado técnico, la compresión WebP con pérdida utiliza una técnica de codificación predictiva. Esencialmente, mira solo una pequeña parte del código en bloques de píxeles cercanos y predice cómo se verá el resto.

Mientras que la compresión WebP sin pérdidas utiliza los datos de imagen que ya ha visto para reconstruir la imagen.

Solo tenga en cuenta que no todos los navegadores admiten WebP como formato de archivo. La buena noticia es que la mayoría de los principales lo hacen, entre los que se incluyen Google Chrome, Firefox, Microsoft Edge y Opera.

Esto cubre más del 95% de todo el tráfico web y móvil, por lo que no tiene mucho de qué preocuparse.

Los Mejores Plugins para Optimizar Imágenes

En este artículo, repasaré algunos de los mejores complementos para optimizar sus imágenes para WebP. Luego, repasaré algunas herramientas que puede usar ahora mismo para comenzar a crear imágenes optimizadas para su sitio web.

1. Optimizador de imágenes EWWW

Optimizador de imágenes EWWW

Si alguna vez miró las velocidades de su sitio y dijo "ewww", es posible que desee probar EWWW Image Optimizer . Se especializa en optimizar imágenes en WordPress y admite una variedad de formatos de archivo, incluido WebP.

Y lo más importante, también funciona en cualquier imagen de otros complementos. ¡Esto significa que no hay problemas de compatibilidad!

El complemento le permite seleccionar qué tipo de compresiones usar para cada tipo de archivo, y sí, puede tener diferentes opciones para diferentes archivos. Después de eso, puede usar una acción masiva para comenzar a optimizar sus imágenes.

La optimización de imágenes individuales es muy rápida, normalmente menos de un minuto, a menos que el archivo sea muy grande. Dicho esto, si está realizando una acción masiva, espere que el proceso tarde varios minutos, especialmente en sitios web más grandes.

2. aplastar

aplastar

Smush es el optimizador de imágenes más popular en WordPress con más de un millón de instalaciones activas. Y eso es porque va más allá de la optimización de imágenes. En cambio, agrega otras funciones como la carga diferida para aumentar la velocidad de la página.

Por supuesto, el pan y la mantequilla del complemento es la optimización de imágenes, en la que sobresale.

Cubre todos los tipos de archivos populares, pero vale la pena mencionar que WebP no está disponible en la versión gratuita. Dicho esto, el alcance de este complemento lo compensa. A diferencia de muchos otros complementos de optimización, va más allá de la biblioteca multimedia.

Cualquier imagen ubicada fuera de la biblioteca de medios se optimizará automáticamente. También maneja el cambio de tamaño de la imagen durante el proceso de compresión, por lo que puede matar dos pájaros de un tiro. Y puede ver todas las estadísticas de optimización directamente en el bloque de imágenes.

3. Optimizador de imágenes de píxeles cortos

ShortPixel Image Optimizer es un complemento gratuito de optimización de imágenes. Ofrece a los usuarios 100 tokens cada mes, donde una imagen requiere un token. Sin embargo, la diferencia clave es que estos tokens gratuitos le brindan acceso a la compresión premium.

En comparación, necesitaría comprar la versión Pro en otros complementos para igualar la calidad.

Ahora bien, hay un gran problema con este sistema, y ​​esa es la forma en que WordPress maneja las imágenes. WordPress en realidad hace múltiples copias de sus imágenes en diferentes tamaños, y cada uno de esos tamaños ocupa un token. Por lo tanto, en realidad no es una proporción de uno a uno.

Dicho esto, para un sitio web nuevo, esta es una herramienta bastante buena para usar, ya que probablemente no tendrá que optimizar 100 imágenes al mes. Especialmente en un blog más pequeño. También puede ayudar a convertir cualquier JPEG, PNG o GIF al formato WebP.

4. Comprimir imágenes JPEG y PNG

Si bien Comprimir imágenes JPEG y PNG en realidad no se ocupa del formato de archivo WebP, hace un excelente trabajo con los archivos JPEG y PNG. Y para muchos sitios web, esto es más que suficiente, especialmente si no usa un software de edición compatible con WebP.

Dicho esto, hay muchas herramientas de edición gratuitas que lo hacen, así que asegúrese de consultar la sección a continuación.

Este complemento ofrece 500 compresiones gratis cada mes. Sin embargo, se encuentra con el mismo problema que el último complemento; optimiza todas las copias de imágenes. Por lo tanto, está mucho más cerca de las 100 imágenes, pero eso es más que suficiente para los sitios web más nuevos.

También vale la pena señalar que este complemento es totalmente compatible con WooCommerce, pero recomienda tener precaución. WooCommerce parece intentar regenerar los metadatos de la imagen en cada visita a la página. Esto puede terminar consumiendo sus créditos mensuales.

5. Optimus – Optimizador de imágenes de WordPress

Optimus WordPress Image Optimizer es otra gran herramienta a considerar cuando desea optimizar imágenes en WordPress. Puede ayudar a reducir el tamaño de la imagen hasta en un 70%, lo que ciertamente puede ayudar a acelerar sus páginas.

Ahora, vale la pena señalar que si bien existe una opción gratuita, lo más probable es que sea inútil para muchos sitios.

Esto se debe a que existe una limitación de 100 KB, que la mayoría de los archivos superarán naturalmente, especialmente los que necesitan optimizarse. Además, muchas de las configuraciones solo funcionan en la versión Pro, por lo que terminará pagando en algún momento.

Dicho esto, los servicios que brinda el complemento son excelentes y la reducción de la imagen es bastante notable. Funcionó con todos los principales tipos de archivos de imagen, incluido WebP. La acción masiva es fácil de usar y el tiempo es razonable, pero como siempre, los sitios web más grandes tardan más.

6. Imagify: optimice sus imágenes y convierta WebP

Imagify es una excelente opción para sitios web que buscan una opción gratuita para optimizar imágenes. Te da un gran límite mensual que no se mide por la cantidad de imágenes, sino por el tamaño de las mismas.

Cada mes puede optimizar hasta 20 MB de imágenes de forma gratuita. Y eso puede ser mucho para los desarrolladores que saben cómo administrar imágenes.

Es compatible con todos los tipos de archivos estándar, incluidos los PDF, y creará un archivo WebP, suponiendo que marque la casilla, cada vez que optimice una imagen. Ofrece a los usuarios tres niveles de optimización: Normal, Agresivo y Ultra.

Cada nivel mejora la funcionalidad de compresión y, si no está satisfecho, puede usar la opción de copia de seguridad para recuperar el original y elegir un nivel diferente de optimización. Esto le ayuda a ver qué funciona mejor para sus imágenes.

7. WebP Express

Si está buscando convertir todas las imágenes de su sitio web al formato de archivo WebP, no hay mejor opción que el complemento WebP Express . Ofrece a los sitios web una variedad de formas de hacer esto y solo las muestra en los navegadores compatibles con WebP.

Para los visitantes que no utilicen navegadores que lo hagan, lo cual es raro, verán la versión original JPEG o PNG.

Este complemento utiliza la biblioteca WebP Convert para convertir archivos JPG y PNG a WebP. Algunos sitios web pueden tener un problema dependiendo de su servidor web. En esos casos, es posible que deba usar una solución en la nube, para la cual el complemento brinda opciones.

Solo tenga en cuenta que esas son características premium. El resultado final es un sitio web mucho más rápido, pero tenga en cuenta algunas limitaciones. Por ejemplo, las imágenes de Gravatar no se convertirán porque están almacenadas en los servidores de Gravatar.

Debe alojar la imagen para que el complemento funcione.

Herramientas de edición WebP

Ahora, si usa Photoshop u otras herramientas de edición, es posible que note que la mayoría de ellas no son compatibles de forma nativa con el formato WebP. Lo más probable es que esto cambie con el tiempo como resultado de que WordPress adopte el formato de archivo, pero cuándo sigue siendo un misterio.

Mientras tanto, necesitará una herramienta para crear y editar imágenes WebP y, afortunadamente, hay muchas opciones gratuitas disponibles como:

  • Picosmos
  • Paint.Net
  • Pintura del mundo real
  • Vista JPEG

Sin embargo, el que realmente recomiendo es PhotoPea.

Fotoguiso

Cuando se trata de alternativas a Photoshop, no hay mejor opción que Photopea . Se ve casi idéntico a Photoshop, por lo que los usuarios deben sentirse como en casa. Sin embargo, hay dos diferencias clave.

Photopea es compatible de forma nativa con el formato de archivo de imagen WebP y su uso es completamente gratuito.

De hecho, ni siquiera necesita crear una cuenta para usar este software. Photopea funciona directamente a través de su navegador web, pero todos los archivos se guardan en su computadora, lo que puede dificultar el intercambio de computadoras. Aunque, esto se soluciona fácilmente con el almacenamiento en la nube.

Y como era de esperar, dado que no tiene una aplicación dedicada en su computadora, el rendimiento puede ser algo deficiente. Las imágenes complicadas con muchas capas pueden tardar varios minutos en cargarse.

Aún así, Photopea es gratuito y funciona increíblemente bien con PSD y otros archivos de imagen para convertir a WebP.

La carga perezosa es tu mejor amigo

Por supuesto, incluso con WebP, existen límites en cuanto a lo pequeña que puede llegar a ser su imagen. Sin embargo, existen otras técnicas que puedes aprovechar para optimizar aún más tus tiempos de carga con respecto a las imágenes, con Lazy Loading a la vanguardia.

La carga diferida es una técnica en la que solo se cargarán las imágenes que son visibles. Por ejemplo, imagina una página larga que contiene muchas imágenes. ¿Tiene sentido que los visitantes esperen a que se carguen las imágenes en la parte inferior?

La mayoría probablemente diría que no, y eso es exactamente lo que es la carga diferida. Solo carga lo que un visitante puede ver cuando se carga una página.

Si eligen desplazarse hacia abajo, lo cual, seamos sinceros, no todos lo hacen, el resto de las imágenes se cargarán a medida que se desplazan. Esto puede acelerar drásticamente las páginas con muchas imágenes porque se reduce la cantidad de carga inicial.

Mejor optimización, velocidades más rápidas, mejor experiencia

No hace falta decirlo, pero un sitio web más rápido es solo una mejor experiencia. Y lo que es más importante, es lo que los visitantes esperan en 2021.

Uno de los principales problemas con los que se encuentran la mayoría de los sitios web proviene de imágenes mal optimizadas. Muchos principiantes no reconocen el tamaño de las imágenes y, a menudo, incluso usan archivos de más de un megabyte.

En realidad, las imágenes rara vez deberían exceder un par de cientos de kilobytes.

La buena noticia es que optimizar imágenes nunca ha sido tan fácil, y WordPress tiene un montón de complementos que pueden ayudarte a hacerlo. Esto no solo mejorará la experiencia de su visitante, sino que le dará un impulso a su clasificación en los motores de búsqueda.

La velocidad es uno de los pocos factores que sabemos con certeza cuando se trata de búsquedas, y eso es porque Google se lo dijo a todos.

¿Planea usar el formato de archivo WebP en su sitio web de WordPress? ¿Cómo optimiza actualmente las imágenes para la web?

Subir