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

El poder de las palabras: cómo el copywriting puede impulsar tu negocio

Lo mejor del mes – AGOSTO

Incremento del precio de los dominios

El poder de los colores en el diseño web: cómo elegir la paleta perfecta

La importancia de un diseño web responsive en la era digital

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

el poder de las palabras -copywriting
SEO Servicios Web
SEO Servicios Web

El poder de las palabras: cómo el copywriting puede impulsar tu negocio

INTRODUCCIÓN En el mundo digital se conoce al copywriting como el proceso de creación de textos persuasivos para acciones de

incremento del dominio
Servicios Web
Servicios Web

Incremento del precio de los dominios

¿Qué debes saber antes del 1 de septiembre? Si tienes un dominio registrado probablemente hayas oído rumores sobre el aumento

colores-diseño-web
Web Servicios
Web Servicios

El poder de los colores en el diseño web: cómo elegir la paleta perfecta

El color es uno de los elementos más poderosos en el diseño web. Puede evocar emociones, influir en el comportamiento

× ¿Hablamos?