Guía de formato de imágenes de Google de próxima generación

Tener un sitio web de carga rápida puede ser el sueño de todo webmaster. Una forma de optimizar la velocidad de la página es mediante el uso de formatos gráficos WebP. Pero, ¿qué es WebP después de todo?

Qué son las imágenes WebP: una guía de imágenes de Google para principiantes de próxima generación

Este es un formato que ofrece imágenes ricas y de alta calidad, pero más pequeñas que PNG o JPEG. Este artículo le enseñará sobre WebP, sus ventajas y desventajas y cómo usar este formato en su sitio de WordPress.

¿Qué es exactamente WebP?

Entonces, WebP es un formato de archivo desarrollado por Google en la década de 1920. Ofrece su frecuencia más alta1 para imágenes mientras las mantiene intactas.

Los webmasters y desarrolladores pueden mostrar imágenes con tamaños de archivo más pequeños para que pueda crear más rápido.

Este formato utiliza métodos sin peso más potentes en términos de formatos con pérdida en comparación con los formatos con pérdida PNG y JPEG.

La compresión sin pérdida significa que cada bit de los datos originales permanecerá igual después del archivo extraído. El tamaño WebP sin pérdida le permite reducir el tamaño de la imagen hasta en un 26% en comparación con PNG.

Entonces, por otro lado, también tiene muchos tipos de pérdida, lo que generalmente reduce el tamaño del archivo al archivo original.

Programación predecible para la codificación de imágenes, el tipo WebP con pérdida proporciona una calidad comparable a JPEG, al tiempo que reduce el tamaño de la imagen entre un 25 % y un 34 %.

Ventajas de las imágenes WebP

Como no se mencionó anteriormente, los tamaños de imagen más pequeños pueden marcar una gran diferencia en su sitio; esto ayuda a que la página se cargue más rápido.

Otra ventaja es ahorrar más ancho de banda, especialmente si tu sitio está lleno de imágenes. Esto sucede, por ejemplo, si ejecuta un blog de viajes o toma una foto, entre otros temas.

Entonces, para comprender mejor la diferencia, veamos una breve explicación de los formatos JPEG y PNG.

JPEG (o JPG): este formato es excelente para imágenes multicolores y es la opción preferida para imágenes fijas. En general, hay una desventaja: percibirá una imagen pequeña debido a la calidad de la presentación en un lado.

PNG: es excelente para mantener la calidad de la imagen, incluso cuando está comprimida. Este formato generalmente se adapta bien a imágenes con muchos datos o píxeles. Por ejemplo, en el caso de los logotipos, las imágenes están llenas de texto e ilustraciones. Sin embargo, no funciona muy bien con fotos.

Entonces WebP combina y ofrece lo mejor de ambos formatos. Aunque proporciona un formato un 25-34 % más pequeño que PNG o JPEG, también le permite mantener la calidad de la imagen.

Para tener una mejor idea, entregue las imágenes de la galería web a P. Como puede ver, no puede ver la diferencia de calidad entre las imágenes JPEG (izquierda) y las imágenes WebP (derecha).

Sin embargo, cuando revise los archivos, notará la diferencia: las imágenes WebP son entre un 32 % y un 34 % más pequeñas que las JPEG.

Desventajas de las imágenes WebP

Las bondades de este formato gráfico también son generosas, incluyendo algunos datos sobre sus propiedades.

Por supuesto, algunos de los principales navegadores del mercado, incluidos Google Chrome, Firefox y Opera, ya son compatibles con WebP, pero Safari e Internet Explorer aún no son compatibles.

Dadas las tendencias actuales, esperamos que estos caminos sigan pronto.

Otro problema para los webmasters que quieren usar este formato para su sitio web es que WordPress actualmente no admite imágenes WebP.

No puede simplemente cargar archivos WebP a su WordPress Mediateca.

Sin embargo, esto no significa que no puedas usar este formato. Entonces, para hacer esto, necesita la ayuda de un complemento.

Historia de las imágenes WebP

WebP fue presentado oficialmente por Google el 3 de septiembre de 2010, y la empresa confirmó que el formato se basa en la tecnología adquirida con la compra de On2 Technologies.

El estándar se deriva del formato de video abierto y gratuito VP8, que funciona como un proyecto hermano del contenedor WebM, que también es abierto.

La tarea sería fácil; otros no intentarían romper la hegemonía del JPEG, que desde los años 90 los formatos más populares ya eran las imágenes.

jpeg 2000 logotipo

Algo que intentaría lograr liberando el código JPEG00. Pero debido a su complejidad, el modelo nunca se materializó.

El fabricante de Windows incluso intentó lanzar el X JPEGR, que ofrecía pérdida de peso y mayor precisión de color. Sin embargo, el estándar nunca ha sido adoptado por ninguna cámara o admitido por navegadores que no sean Internet Explorer y Edge, como lo hace el propio Microsoft.

jpeg xr imagen del símbolo representado por plantas verdes

Una imagen brillante sirve como símbolo de JPEG XR, enfatizando la mayor precisión de los colores del formulario.

Aprendiendo de errores

Pero la gente de Google ha aprendido de los errores de los estándares anteriores y la empresa ha creado un plan a largo plazo para promover WebP. Desde un principio negociaron con los responsables de los principales navegadores del mercado para añadir soporte al formato.

También ayudó que Google fuera el desarrollador de Chrome, el navegador más utilizado en los sistemas operativos más populares desde entonces.

En 2011, WebP recibió una actualización de "formato de archivo extendido" que aportó compatibilidad con varios elementos, como la capacidad de mostrar animaciones, el perfil de color ICC y la inclusión de sistemas de metadatos XMP y Exif.

En el mismo año, el formato recibió un nuevo modo de compresión sin pérdidas y soporte para la transparencia: características coincidentes con competidores como JPEG y PNG.

En agosto de 2021, más del 95 % de los usuarios de Internet utilizaban un navegador compatible con WebP.

Cómo usar imágenes WebP en WordPress

Puede mostrar imágenes WebP en WordPress usando WebP Express Aquí hay un tutorial sobre cómo instalar un complemento en WordPress.

El complemento WebP Express utiliza la biblioteca de conversión WebP para cambiar las imágenes. Este complemento sirve como un convertidor que transmite WebP a los navegadores que admiten este formato, pero muestra JPG o PNG para los navegadores que no lo admiten.

Página de configuración del complemento para imágenes Express WebP

También puede usar el complemento Optimal para ayudarlo a convertir imágenes para navegadores compatibles con WebP. Este complemento optimizará sus imágenes WebP y se las proporcionará a los usuarios a través de CDN.

También puede usar la API de Photon para hacer lo mismo como una alternativa a los complementos. Y convertirá instantáneamente sus imágenes JPEG y PNG al formato que desee con esta API.

Por lo tanto, tenga en cuenta que solo puede usar esta API para sitios alojados en WordPress.com o sitios de WordPress asociados con Jetpack.

¿Qué es un archivo WebP?

Google ha introducido WebP como parte de su misión de reducir el tiempo de carga de la red, por lo que WebP permite que los sitios web muestren imágenes de alta calidad con tamaños de archivo mucho más pequeños que los formatos tradicionales como PNG y JPEG.

Por lo tanto, puede optar por guardar archivos WebP con compresión sin pérdidas o sin comprimir. Esto significa que puede comprimir una imagen sin perder datos ni perder información irrelevante. Los desarrolladores de Google estiman que las imágenes WebP sin pérdidas pueden ser hasta un 26 % más pequeñas que los archivos PNG.

Puede averiguar rápidamente si un archivo es una imagen WebP buscando la extensión WEBP.

Historial de archivos WebP

El formato WebP es relativamente nuevo, data de 2010. On2 Technologies, una empresa adquirida por Google, creó el concepto original.

Cada archivo WebP consta de datos de imagen VP8 o VP8L. Entonces, a lo largo de los años, el formato ha evolucionado para seguir el ritmo de los hábitos cambiantes de los consumidores y las tendencias digitales emergentes. Por ejemplo, Google agregó soporte para animación y transparencia en 2011, y el formato ahora es compatible con navegadores web que no son de Google.

Google Chrome inicialmente es compatible con WebP y otros navegadores web como Firefox, Edge y Opera. Pero también alienta a los desarrolladores y diseñadores web a convertir archivos PNG y JPEG a WebP para acelerar los tiempos de carga de la página.

Cómo usar archivos WebP

Los archivos WebP están diseñados completamente con Internet en mente. Sus principales aplicaciones incluyen:

Reducir el tamaño de las imágenes en el sitio web

WebP tiene como objetivo equilibrar la calidad y la practicidad cuando se trata de imágenes de sitios web. Con la codificación predictiva, los archivos WebP comprimen fotos y gráficos sin comprometer su apariencia. Los tamaños de imagen más pequeños también alivian la tensión en las conexiones de banda ancha de los usuarios y hacen que los sitios web sean más rápidos para navegar, lo que mejora el rendimiento de la página.

Admite animaciones en línea

Si bien los GIF han sido durante mucho tiempo el formato dominante para los memes y otras animaciones en línea básicas, los WebP ofrecen una alternativa. Según Google, los WebP animados pueden ser significativamente más pequeños que los GIF y requieren menos bytes.

Pros y contras de los archivos de imagen WebP

Vale la pena considerar las ventajas y desventajas de WebP antes de ejecutar este formato de archivo.

Ventajas de los archivos WebP

  • Las páginas web de carga más rápida ofrecen una mejor experiencia de usuario e incluso aumentan la clasificación del sitio web en los motores de búsqueda. Por el contrario, los sitios web de carga lenta pueden alentar a los usuarios a buscar en otros lugares cuando compran productos y servicios.
  • Por lo tanto, el formato WebP es altamente compatible con varios navegadores web, incluidos Google Chrome, Microsoft Edge y Mozilla Firefox.
  • WebP puede liberar espacio en disco para las empresas al comprimir imágenes en sitios web de manera más manejable.

Desventajas de los archivos WebP

  • El formato de archivo WebP está diseñado principalmente para Internet, por lo que puede no ser útil si usa imágenes sin conexión.
  • Es posible que algunos navegadores antiguos, como Internet Explorer, no sean tan eficaz en el mantenimiento de imágenes WebP, a pesar de la amplia compatibilidad del formato.
  • Incluso una pequeña cantidad de compresión puede reducir la calidad de la imagen, lo que vale la pena tener en cuenta si trabaja con fotógrafos profesionales e imágenes de alta calidad.

Cómo abrir un archivo WebP

Como resultado, las imágenes WebP a menudo se pueden ver más rápido en el navegador que en la aplicación de fotos integrada.

Antes de abrir un archivo WebP, primero asegúrese de tener un navegador compatible. Así que abra la carpeta donde guardó el archivo WebP y haga doble clic en él después de configurarlo. La imagen se abrirá automáticamente en su navegador predeterminado.

También puede convertir archivos existentes como PNG y JPEG al formato WebP. Nuevamente, puede encontrar un conjunto de herramientas para convertir en línea.

Cómo crear y editar un archivo WebP

Es posible que necesite un complemento para crear y editar archivos WebP usando Adobe Photoshop. Entonces, después de instalar un complemento confiable que sea compatible con su dispositivo, siga estos pasos:

  • Cree o edite la imagen con Photoshop y luego haga clic en Guardar como.
  • Guarde el archivo como WebP desde el menú Formato.
  • Elija un nombre y una ubicación para el nuevo archivo WebP y haga clic en Guardar.
  • Aparecerá un campo de configuración donde podrá seguir editando el archivo.

Archivos WebP: preguntas frecuentes

¿Cuál es la diferencia entre los archivos WebP y JPEG?

Ambos tipos de archivos comprimen imágenes para que sean más fáciles de compartir y almacenar. Sin embargo, el archivo WebP suele ser mucho más pequeño que el tradicional. jpegGoogle Por ejemplo, los desarrolladores sugieren que una imagen WebP con pérdida de compresión puede ser de un 25% a un 34% menos que un archivo JPEG comparable.

¿WebP funciona en todos los navegadores?

Después de años de desarrollo y evolución, la mayoría de los navegadores web admiten el formato WebP. Pero algunos navegadores, como Internet Explorer, aún pueden tener dificultades para admitir el archivo WebP, por lo que siempre vale la pena consultar la lista de compatibilidad más reciente de Google.

¿WebP es un formato de archivo de código abierto?

WebP es un modelo de código abierto, lo que significa que cualquiera puede trabajar en el formato y mejorarlo. Los desarrolladores de Google animan activamente a los usuarios a contribuir desde su lanzamiento en 2010.

¿La imagen WebP tiene un tamaño máximo?

El tamaño máximo de las imágenes WebP es de 16 383 x 16 383 píxeles. Entonces, este puede ser un factor a considerar antes de agregar imágenes WebP a un sitio web o en otro lugar.

¿Las imágenes WebP son mapas de bits o archivos vectoriales?

Las imágenes WebP son un tipo de archivo de mapa de bits. Raster es una de las dos categorías principales de archivos de imagen; la otra es vectorial. La principal diferencia es que los archivos raster consisten en píxeles individuales, mientras que los gráficos vectoriales consisten en rutas y ecuaciones matemáticas.

Conclusión

Ahora aprendió sobre el formato WebP, que lo ayudará a tener tamaños más pequeños e imágenes más ricas en su sitio web.

Probablemente querrá comenzar a usar este formato para sus imágenes, ya que ayuda a que su sitio las cargue mucho más rápido. Esto también le brinda más espacio para su cuota de ancho de banda, especialmente si usa algunas imágenes en su sitio.

A pesar de sus limitaciones, siempre puede usar complementos para ayudar a convertir estas imágenes. ¡Cuéntanos en los comentarios si este tutorial te fue útil!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir
error: Content is protected !!