el blog de Livire

un espacio para compartir

Web Wordpress

Webp: Qué es, para qué sirve, cómo lo utilizo.

Uno de los quebraderos de cabeza más importante para cualquiera que se dedique al diseño web y al posicionamiento SEO sabe que es la velocidad de carga de una página web. Esta velocidad no se debe a un sólo factor, sino al contrario a la suma de muchos de ellos.

Entre los más fáciles de comprender y arreglar están las imágenes. Estas imágenes que habitualmente subimos a nuestras webs/blogs están comprimidas, habitualmente en JPG. En algún post hemos hablado de herramientas que te ayudan como puede ser la web: tinypng.com. Pero hay algo más, y es que si pasamos nuestra web por algún sitio como page speed insight de Google, es probable que nos diga que las imágenes son pesadas y nos proponga utilizar Webp.

¿Qué es Webp?

En septiembre de 2010, Google anunció este nuevo estándar de código abierto para la compresión de imágenes. El objetivo que se busca con este nuevo formato es agrupar las ventajas de los distintos tipos de compresión en uno sólo, para que las páginas web que lo utilicen carguen más rápido y pesen menos.

Actualmente la mayoría de los usuarios trabaja sobre tres formatos principalmente: JPG, PNG y GIF.

JPG es el formato más habitual, siempre que no existan transparencias, y el que tiene mayor capacidad de compresión a cambio de una pérdida considerable de calidad. PNG, es el que permite transparencias pero a cambio apenas comprime y sus imágenes son más pesadas. Y GIF es el único que permite animaciones, pero a cambio trabaja sólo sobre 256 colores.

Webp ha venido para unificar todos esos beneficios en un sólo formato.

¿Para qué sirve el formato Webp?

Como acabamos de explicar el objetivo de este formato es conseguir unificar las ventajas de estos tres tipos de imágenes en uno sólo y así conseguir mayor calidad y menos peso, con la consiguiente carga más rápida, de las imágenes de nuestro sitio web.

Las compresiones Webp pueden hacerse de diversas formas, pero las dos más habituales son: con pérdida de calidad o sin pérdida de calidad.

En el caso de la compresión sin pérdida, según Google, las imágenes pueden pesar menos que su equivalente en JPG ahorrando entre un 25 y un 34% de peso. En otros casos hablamos de un 65% menos.

Por tanto, el formato Webp va a ser nuestro gran aliado.

¿Cómo utilizo el formato Webp en mi web/blog?

Hay distintas formas de utilizarlo. Mi recomendación es utilizar algún plugin del tipo ShortPixel. Es gratuito y comprime y transforma 100 imágenes al mes. Pero si hacéis clic en el enlace que os dejo a continuación ambos conseguiremos 100 imágenes extras al mes. También tiene una versión de pago, a unos precios irrisorios, pero si no tenéis prisa en un par de meses podéis tener todo optimizado y sin gastar un céntimo.

Enlace a ShorPixel.

buscar un tema:

Buscar

los más reciente

Lo mejor del mes – JULIO

El compromiso verde: medio ambiente y diseño web

El arte de la narrativa visual: cómo el diseño gráfico transforma el marketing digital

Elementos esenciales para optimizar la velocidad de carga de tu sitio web

Lo mejor del mes – JUNIO

comparte el artículo

¿No destacas dentro del rebaño? Toma nota:

  • Una marca con esencia propia
  • Un diseño web a medida y original
  • Un posicionamiento efectivo

Sencillo. livire.es

artículos relacionados

Lo mejor del mes - JULIO
Web Wordpress
Web Wordpress

Lo mejor del mes – JULIO

Figma y Adobe XD para Diseños Web En el mundo del diseño web tener las herramientas adecuadas puede marcar la

El compromiso verde: medio ambiente y diseño web
Web Wordpress
Web Wordpress

El compromiso verde: medio ambiente y diseño web

INTRODUCCIÓN En un mundo cada vez más consciente del impacto medioambiental, el diseño web no es una excepción. Hoy en

Web
Web

El arte de la narrativa visual: cómo el diseño gráfico transforma el marketing digital

Introducción En el amplio mundo del marketing digital, el diseño gráfico forma la paleta de colores que da vida a

× ¿Hablamos?