Guía de imágenes WebP: cómo usar el formato WebP con WordPress
Publicado: 2022-07-29A todos nos encanta un buen GIF, pero los formatos de imagen han recorrido un largo camino desde la introducción del GIF en 1987. Los diseñadores web inteligentes han pasado a adoptar JPEG, PNG y ahora WebP.
Mientras que los GIF disfrutan de una segunda vida como forraje para los canales y mensajes de texto de Slack, el nuevo formato WebP está comenzando a dominar la web.
En esta publicación, examinamos el crecimiento de WebP y ofrecemos consejos sobre cómo usarlo para su sitio web. Aprenderás:
- Cómo funciona el formato
- Beneficios de las imágenes WebP
- Limitaciones del uso de WebP
- Cómo habilitar imágenes WebP para WordPress
Cómo funciona el formato WebP
Originalmente de On2 Technologies, Google está desarrollando WebP como un formato de imagen de código abierto y espera convertirlo en el nuevo estándar aceptado para imágenes web.
WebP ofrece una compresión de imagen mejorada. Puede reducir el tamaño de los archivos sin perder calidad de imagen. WebP es único en la forma en que admite compresión con pérdida y sin pérdida.
La compresión sin pérdida le permite reducir el tamaño de un archivo manteniendo la calidad de imagen original. Ninguno de los datos originales se pierde, por lo que puede restaurar la imagen a su calidad y tamaño originales.
El uso de resultados de compresión con pérdida en tamaños de archivo aún más pequeños. La compresión con pérdida conserva solo los datos necesarios para mostrar una imagen en su tamaño reducido. No podrá volver a ajustar el tamaño y conservar la calidad original.
Para aprovechar al máximo WebP, utilice la compresión sin pérdidas para las imágenes que deben escalarse a diferentes tamaños, como las imágenes de fondo. Use compresión con pérdida para imágenes con dimensiones fijas. Si conoce el ancho máximo de una imagen destacada o una imagen de producto para su sitio, puede guardarla con compresión con pérdida en esas dimensiones exactas.
Beneficios de WebP
Entonces, ¿qué está impulsando el crecimiento de WebP? El formato ofrece muchas ventajas, incluida la facilidad de uso y el rendimiento. Exploremos las principales ventajas de usar WebP para su sitio web.
Convierta fácilmente imágenes existentes
Puede convertir cualquier PNG, GIF o JPEG existente de su sitio en un archivo WebP. No sacrificará la calidad y, por lo general, reducirá el tamaño del archivo.
Mejor compresión
Si convierte un PNG o JPEG a WebP, el tamaño del archivo WebP será entre un 30 y un 50 % más pequeño que el original. Las imágenes más pequeñas deberían ayudar a que sus páginas se carguen más rápido, por lo que recomendamos la compresión de imágenes como una de las mejores formas de acelerar su sitio WooCommerce .
Mejor rendimiento del sitio
Las imágenes y páginas que se cargan más rápido crean una mejor experiencia de usuario. También puede aumentar la clasificación de su motor de búsqueda optimizando su sitio para la velocidad. Los motores de búsqueda valoran la rapidez con la que se carga su sitio. Los sitios de carga más rápida tienden a clasificarse más alto que los más lentos.
Ofrecer imágenes en un formato de próxima generación como WebP es una de nuestras 12 formas comprobadas de mejorar su puntaje de Google PageSpeed Insights .
Soporte para Transparencia y Animación
¿Quién no ama un GIF animado? Con WebP, estás de suerte. WebP admite animación y transparencia.
Amplia compatibilidad con navegadores
La mayoría de los navegadores modernos admiten WebP. El navegador Safari de Apple fue el único reticente, pero finalmente introdujo la compatibilidad con WebP el año pasado con Safari 14.
Limitaciones de WebP
La principal limitación de WebP es garantizar la compatibilidad en todas las formas en que usará una imagen. Podría tener problemas si utiliza los datos de su sitio web para alimentar campañas de correo electrónico o aplicaciones móviles.
Asegúrese de probar todos los lugares donde aparecerá una imagen para asegurarse de que el formato WebP funcione. También podría considerar ofrecer dos versiones de una imagen. Use WebP cuando esté permitido y un JPEG o PNG alternativo para cuando WebP no sea compatible.
Cómo habilitar WebP con WordPress
WordPress comenzó a ofrecer soporte WebP con la versión 5.8. Si su servidor es compatible con WebP, debería poder cargar y utilizar imágenes WebP como cualquier otro tipo de imagen compatible.
Las opciones para usar imágenes WebP en WordPress incluyen:
- Conversión manual de imágenes. Utilice una herramienta en línea como CloudConvert para transformar imágenes a WebP. Es una tarea manual que consume mucho tiempo, ya que tendrá que cargar los archivos en el convertidor y luego cargar el nuevo archivo en su biblioteca de WordPress.
- Complemento de optimización de imagen. Muchos complementos de optimización de imágenes ya incluyen opciones para convertir y mostrar imágenes como archivos WebP. Consulte la documentación de su complemento para ver cómo habilitar las opciones para su sitio.
- Complemento WebP. En lugar de un complemento de optimización, también puede usar un complemento especialmente diseñado como WebP Converter for Media para convertir automáticamente las imágenes cargadas a WebP.
Sitios más rápidos con WebP y Pressable
Si está interesado en WebP, probablemente desee que su sitio se cargue lo más rápido posible. Reducir el tamaño de los archivos de imagen a la mitad con la asombrosa compresión de WebP es un excelente lugar para comenzar. La otra forma de asegurarse de que su sitio funcione lo más rápido posible es elegir el host adecuado.
En Pressable, nuestros servicios de alojamiento ofrecen el mejor rendimiento posible para los sitios de WordPress. Nuestro servicio de alojamiento administrado basado en la nube simplifica la administración de su sitio al tiempo que ofrece un tiempo de actividad del 100% y una velocidad ultrarrápida. Ah, ¿y el soporte WebP? Tenemos eso cubierto. Nuestra red CDN global también es compatible con WebP, por lo que puede obtener todos los beneficios de mejorar la velocidad de usar este nuevo formato de imagen.
Para obtener más información sobre cómo Pressable hace que WordPress funcione mejor, reserve una demostración personalizada hoy.
