Imágenes WebP y WordPress: por qué y cómo usarlas (+complementos)

El formato de imagen WebP es una excelente manera de acelerar su sitio web de WordPress. Las fotos grandes son a menudo la causa principal de los tiempos de carga lentos, pero incluso un compresor de imagen puede permitir que los usuarios forzados carguen archivos de imagen y disminuyan la velocidad a un rastreador. Además, los compresores pueden hacer que sus imágenes borren. Pero hay un formato de archivo que a menudo se pasa por alto, que puede comprimir las imágenes a nada, mientras que apenas afecta la calidad. Si odia lo débil que hace la compresión JPEG para mostrar sus fotos o enormes archivos PNG, WebP podría ser exactamente lo que está buscando.
¿Qué es WebP cuando debe usarlo y cómo puede agregarlo a su sitio de WordPress? Veamos todas estas preguntas, para que pueda reducir el tamaño de la imagen y las páginas para cargar más rápido. WebP: ¿Qué es esto? La mayoría de los formatos de imagen que usamos hoy existen desde el comienzo de la red web de World Wide. Y eso tiene sentido; PNG, JPEG y GIF hacen su trabajo bastante bien. ¿Que necesitas?

Fuente de la imagen: Visme
El problema surge cuando estos formatos de archivo simplemente no se comprimen. Aunque Internet se está volviendo más rápido, el crecimiento de los dispositivos móviles significa menos potencia en una pequeña pieza de tecnología (en comparación con las computadoras de escritorio). Además, si bien las conexiones móviles están disponibles en todo el mundo, pueden ser más lentas que la Internet de cable tradicional.
WebP apareció hace solo diez años en 2010, y ofrece una solución a este problema a largo plazo: una mejor compresión y calidad de imagen comparable a lo que ya ve. Su proyecto de socio de WebM tiene un objetivo similar: la compresión de video y audio al tiempo que los optimiza para la web. WebP utiliza pérdidas y pérdidas e incluso acepta transparencia, perfiles de color, metadatos y animación. También es aceptado o parcialmente aceptado por todos los principales navegadores, excepto Internet Explorer, Kaios y versiones anteriores de Safari, que todavía se usan ampliamente. En general, tiene todo lo que tienen los formatos de archivo que los usan ahora y muchos más. Por qué es tan importante WebP Google ha hecho más estudios en la webp y cada vez descubrió que su algoritmo puede comprimir un 26% más pequeño con imágenes sin pérdida y 25-34% más pequeño con imágenes de pérdidas.

En otras palabras, ya sea que elija comprimir las imágenes más en detrimento de la calidad o comprimirlas menos para mantener la claridad, WebP lo hace mejor. E incluso en comparación con pérdidas como los algoritmos PNG, no pierde demasiado en términos de calidad.

Pero a pesar de estos beneficios, a pesar del hecho de que WebP ha existido desde 2010, solo el 0.3% de todos los sitios lo usan. Las tendencias están creciendo, pero sigue siendo una tecnología menos utilizada. Dado la cantidad de webp que tiene para ofrecer, esto es sorprendente.
Esto probablemente se deba a una tasa más baja de adopción temprana, ya que WebP no se ha utilizado para admitir funciones como animación o transparencia y soporte mínimo anterior en los navegadores ordinarios. Además, el cambio a la webp no es tan fácil como el uso de formatos de archivo comunes como PNG. No puede guardar una imagen WebP en su computadora y cargarla en su sitio. Hay algunos pasos. Pero si desea que su sitio se cargue lo antes posible, vale la pena el esfuerzo adicional. WebP vs. Otros tipos de archivos hay muchos formatos de imagen, algunos más adecuados que otros para ciertas tareas. Algunas compresas bien; Otros apoyan animaciones; y otros permiten fondos transparentes. WebP no siempre es la mejor opción, pero funciona bien en una variedad de situaciones.

PNG es uno de los archivos más comunes, popular por su clara pérdida, adecuada para mostrar fotos y obras de arte.
Un formato de archivo de pérdidas, JPG es una opción común para reducir el tamaño del archivo. Esto viene con la desventaja de los artefactos visibles en la imagen y con falta de soporte para la transparencia.
Las imágenes TIFF no tienen absolutamente ninguna compresión. La imagen se muestra en todo su esplendor, que, por supuesto, viene con el precio de un gran tamaño de archivo. Este no es un gran tipo de archivo para la web.
GIF es uno de los pocos archivos comunes que aceptan animación. Pero al ser un formato más antiguo, acepta solo 256 colores, lo que a menudo permite que las imágenes se vean feas y de baja calidad. GIF debe ser una opción solo si necesita animación.
Los archivos EPS y SVG son su propia liga. Muestran imágenes vectoriales, que son perfectamente claras y escalables, porque en realidad no están hechas de píxeles. Y estas últimas son WebP, que tiene una calidad de imagen comparable con JPG o PNG con dimensiones de archivos mucho más pequeñas, así como soporte para transparencia y animaciones. Es la mejor manera para todos los formatos de imagen.
Fuente de la imagen: 1stWebDesigner
WebP es generalmente una buena opción si acepta perder un poco de calidad a cambio de una imagen más pequeña. Si no hace una cartera en la que la calidad sea importante, el compromiso generalmente merece. Si no, considere usar PNG (en su lugar (las imágenes TIFF son simplemente demasiado engorrosas para ser utilizadas de manera efectiva en un sitio web).
De lo contrario, WebP a menudo es solo la opción superior. Cómo cargar imágenes WebP en WordPress Hay dos formas de obtener imágenes webp en su sitio: manual o con un complemento. Un complemento es la forma recomendada, ya que manejará todo el COD para usted y tomará mucha menos configuración. Pero si prefiere hacerlo manualmente, el primer paso es obtener una imagen webp. No puede guardar una imagen como WebP o cambiar manualmente su extensión en su computadora; Necesitas un convertidor dedicado. Para hacer esto, puede probar su propio complemento Photoshop WebPshop desde Google o puede usar este convertidor webp en línea y puede cargar cualquier imagen en su computadora.

De todos modos, cuando tiene una imagen webp Ready -para cargar, puede mostrar la imagen WebP en HTML o CSS como cualquier otra imagen. Deberá asegurarse de especificar imágenes de reserva para navegadores no aceptados, pero además de eso, es como si se refiera a cualquier otra imagen en HTML.

.No-Webp .ementwithbackgroundimage {background-image: url (“image.jpg”); { } Solo hay un problema con esto: WordPress no le permite cargar imágenes WebP utilizando la herramienta de carga de medios. Solo mostrará un error que le indicará que no se acepta el tipo de archivo. Puede manejar las imágenes WebP manualmente en su servidor y puede configurar el sitio para mostrarlos correctamente, pero es mucho esfuerzo.
En cambio, es posible que desee probar uno de estos complementos. Hacen la conversión mucho más fácil y la mayoría no necesita editar código para ingresar las imágenes. Imaginar
Imagify es para más que una simple conversión de WebP; También optimiza sus imágenes y miniaturas a medida que las carga. Imagify tiene tres niveles de compresión: normales (sin pérdida), agresivos (con pérdidas) y ultra (compresión con pérdidas máximas). Pero las técnicas de optimización lo hacen, incluso a nivel ultra, a menudo es difícil decir que se ha comprimido una imagen.

Bulk Optimizer también le permite comprimir todas las imágenes cargadas previamente. Y las versiones de respaldo se guardan, por lo que si no le gusta la compresión, puede cancelarlo en cualquier momento. Al cargar una imagen en su sitio web con Imagify activado, genera automáticamente una versión WebP separada. De esta manera, puede mostrar las imágenes WebP optimizadas en su sitio, manteniendo una imagen de respaldo para navegadores no aceptados. La conversión a la webp es completamente gratuita y no tiene límite.

Optimizador de imagen EWWW

EWWW (¿No te gusta este acrónimo?) Es otro popular optimizador de imágenes de WordPress, que funciona como un convertidor webp. Su compresión es ilimitada y gratuita, por lo que sin límites de datos mensuales de los que preocuparse. También hay un programa de carga de bloques, y el complemento comprime cada imagen, no solo las de su biblioteca de medios. La conversión de WebP está disponible. Con Easy IO, es automáticamente y también obtienes cargas automáticas, compresión y escala de página sin cambiar la imagen original.

Vale la pena señalar que EWWW IO tiene una versión premium con una mejor compresión, por lo que tendrá que pagar para obtener las imágenes lo más pequeñas posible. También almacena solo la seguridad de las imágenes sin comprimir durante 30 días. En general, EWWW IO es muy fácil de usar y simplifica la conversión de imágenes en la webp. No tiene límites de carga, lo cual es genial. Pero la mejor compresión solo está disponible para planes pagados, así que tenga en cuenta. Shortpíxel
ShortPixel ofrece una sorprendente cantidad de características para un complemento de compresión. Con el margen de una configuración simple, genera automáticamente versiones WebP cada vez que optimiza una imagen, ya sea por carga directa o con el optimizador de bloque. Su pantalla es tan fácil como cambiar una configuración o cambiar un documento de su servidor, puede convertir automáticamente PNG a JPG, optimizar miniaturas, cambiar el tamaño de las imágenes, optimizar imágenes desde fuera de la galería de medios, eliminar metadatos y hacer que los niños de reserva de los no no -Conos optimizados en su servidor y eso significa solo cepillar la superficie de las características de este complemento. Funciona en un sistema de crédito donde obtiene 100 créditos de imagen por mes. Puede comprar más créditos si los necesita, pero no hay funciones bloqueadas premium. Además, puede obtener más créditos gratuitos si es una organización sin fines de lucro o si recomienda shortpixel a sus amigos, shortpixel ofrece la más gratuita y definitivamente es la mejor opción si tiene la intención de subir menos de 100 imágenes en mes. WebP Express

Si no necesita estos complementos de compresión y solo desea convertirse en WordPress, Web Express es para usted. Es un complemento simple y gratuito (sin versión premium para tratar) que hace bien su trabajo. Hay algunas maneras de hacer que funcione. Use una biblioteca para convertir las imágenes WebP localmente con la tecnología en su servidor. No todos los hosts web aceptan esto, pero no se desesperan: tiene ninguna opción. Puede iniciar sesión en otro sitio que posea en otro host web que acepte el método local, o puede comprar una clave API de $ 1 en EWWW y usar sus servidores. Este es un complemento algo avanzado, usted mismo. Él está a cargo de las piezas pesadas para usted, pero deberá hacer algunas configuraciones y cambios de configuración. Pruebe uno de los complementos anteriores si no se siente cómodo para administrarlos solo. Polaco de Cloudflare
Si está ejecutando un plan Pro Cloudflare Pro, tiene acceso a la conversión automática de WebP por parte de la nube polaca. Polish es un algoritmo de compresión especialmente optimizado que optimiza automáticamente las imágenes en su sitio. Y, por supuesto, la compresión de WebP es una opción en cualquier caso. CloudFlare ofrece por completo y garantiza que las imágenes WebP se muestren solo para los navegadores que las aceptan. La activación de Polish es igual de fácil conectarse a la cuenta de CloudFlare, acceder a la sección de velocidad y activar pérdidas o pérdidas. No olvide verificar la opción WebP y estará listo. No se requiere un complemento o configuración manual. Las imágenes más pequeñas, la carga más rápida con WebP y WordPress pueden no ser aceptadas oficialmente por WordPress, pero aún puede usarla en su sitio. Las cargas directas no funcionarán correctamente, pero hay complementos para facilitar la adición de WebP en su sitio que puede agregar. Estos tipos de imágenes manualmente, pero es más fácil usar un complemento. La calidad de WebP no es tan clara como otros tipos de archivos, pero la diferencia es insignificante. Es posible que desee evitarlo si muestra arte o fotos en una cartera, pero en la mayoría de los otros casos (usando imágenes para decorar un elemento o decorar una página web), es la opción superior. WebP es más pequeño, se carga más rápido y se ve mejor que otras opciones de compresión pesadas. Apenas marcará la diferencia entre TI y formatos de archivo de alta calidad, como PNG. Cuando se permita perder solo poca calidad a cambio de velocidades de carga mucho más altas, use WebP.