{"id":23936,"date":"2022-04-08T18:12:17","date_gmt":"2022-04-08T23:12:17","guid":{"rendered":"https:\/\/niixer.com\/?p=23936"},"modified":"2022-04-11T23:03:24","modified_gmt":"2022-04-12T04:03:24","slug":"webp-y-su-eficiencia-en-calidad-de-imagenes-y-navegacion-rapida-en-internet","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2022\/04\/08\/webp-y-su-eficiencia-en-calidad-de-imagenes-y-navegacion-rapida-en-internet\/","title":{"rendered":"WebP y su eficiencia en calidad de imagen y navegaci\u00f3n r\u00e1pida en Internet"},"content":{"rendered":"\n

Buscar im\u00e1genes de buena calidad en Internet es indispensable cuando disponemos de formatos que nos permitan encontrar dichas im\u00e1genes al tama\u00f1o que queramos sin afectar nuestra velocidad de navegaci\u00f3n en la web. A continuaci\u00f3n, se describe qu\u00e9 es WebP y por qu\u00e9 es tan eficiente para buscar im\u00e1genes de calidad en Internet sin afectar la velocidad de nuestro sitio web.<\/p>\n\n\n\n

\u00bfQu\u00e9 es WebP?<\/strong><\/h3>\n\n\n\n

<\/p>\n\n\n\n

Imagen 1. Web P (Obtenido de Adsl zone) <\/em><\/p>\n\n\n\n

Seg\u00fan la p\u00e1gina Hostinger y el autor Deyimar A, WebP es un formato de archivo, especialmente de im\u00e1genes, desarrollado por Google en el a\u00f1o 2010<\/a>, el cual proporciona una tasa de compresi\u00f3n de im\u00e1genes m\u00e1s alta en comparaci\u00f3n a otras herramientas, en donde la calidad de im\u00e1genes se mantiene intacta, lo que nos permite crear im\u00e1genes m\u00e1s peque\u00f1as para que no tengamos inconvenientes en cuanto a la velocidad de navegaci\u00f3n en el sitio web, evitando que esta sea lenta. (Deyimar A, 2021)<\/p>\n\n\n\n

Como bien es conocido por algunos expertos desarrolladores y maestros de la web, el uso de im\u00e1genes en Internet, varias veces, ocasiona que la velocidad de navegaci\u00f3n en un sitio web se pueda ver afectada y se tenga una navegaci\u00f3n m\u00e1s lenta, adem\u00e1s de que estas im\u00e1genes no sean de una calidad \u00f3ptima o deseada. <\/p>\n\n\n\n

Ventajas de WebP<\/strong><\/h3>\n\n\n\n

Es por esto que WebP es un formato interesante, ya que nos ofrece la posibilidad de crear im\u00e1genes de muy buena calidad, en comparaci\u00f3n a los formatos JPEG y PNG como por citar algunos ejemplos. La calidad de las im\u00e1genes, siendo considerablemente buena, es menor a comparaci\u00f3n de las creadas por WebP, especialmente si dichas im\u00e1genes son comprimidas o editadas en cuanto a su tama\u00f1o. Por otra parte, y como lo menciona el autor Deyimar en la p\u00e1gina Hostinger, y tambi\u00e9n como se mencionaba anteriormente, otra de las ventajas de usar el formato Web P, es que aqu\u00ed, aunque el tama\u00f1o de im\u00e1genes es m\u00e1s peque\u00f1o en comparaci\u00f3n a otros formatos como JPEG y PNG, permite que el sitio web se cargue m\u00e1s r\u00e1pido, haciendo de la navegabilidad en el mismo m\u00e1s \u00f3ptima.\u00a0<\/p>\n\n\n\n

Para verificar lo anteriormente dicho, podemos observar, mediante la consulta en la galer\u00eda WebP de google<\/a> (WebP, Google. 2022)<\/strong>, la comparaci\u00f3n de algunas im\u00e1genes que se encuentran en formatos Web P y en formato JPEG, a continuaci\u00f3n se muestra un ejemplo.\u00a0<\/p>\n\n\n\n

\"\"\/
Imagen 2. Imagen en formato JPEG. Tama\u00f1o de archivo: 43 KB (Obtenido de galer\u00eda WebP de Google) <\/figcaption><\/figure><\/div>\n\n\n\n
\"\"\/
Imagen 3. Imagen en formato WebP. Tama\u00f1o de archivo 29,61 KB (Obtenido de Galer\u00eda WebP de Google) <\/figcaption><\/figure><\/div>\n\n\n\n

Si analizamos a detalle cada una, podremos observar que, aunque la calidad de imagen en cada una es similar, se puede observar ciertas mejoras de nitidez en las im\u00e1genes de formato WebP. A comparaci\u00f3n de las im\u00e1genes en formato JPEG, estas \u00faltimas presentan im\u00e1genes m\u00e1s pixeladas. Al realizar una compresi\u00f3n, ya sea por aumento de tama\u00f1o, disminuir\u00e1 su calidad. Las de formato WebP, por el contrario, conservar\u00e1n su calidad intacta, haciendo \u00e9nfasis en que dichas im\u00e1genes se deben conservar en un tama\u00f1o m\u00e1s peque\u00f1o.<\/p>\n\n\n\n

Desventajas e inconvenientes de WebP<\/strong><\/h3>\n\n\n\n

Sin embargo, WebP tambi\u00e9n presenta ciertas desventajas o inconvenientes. Una de estas es que, a pesar de que en la mayor\u00eda de navegadores m\u00e1s frecuentemente utilizados, tales como Google Chrome, Firefox, Safari u Opera, admiten el formato WebP, el navegador Internet Explorer no lo permite, por lo que un ordenador que solamente tenga este tipo de navegador no permitir\u00e1 la disposici\u00f3n de im\u00e1genes en este tipo de formato.<\/p>\n\n\n\n

Otro inconveniente es que, en WordPress, administrador de contenidos m\u00e1s utilizado por los usuarios, actualmente no admite im\u00e1genes en formato Web P, por lo que no es posible crear im\u00e1genes directamente de este tipo de formato en este CMS.  Sin embargo, mediante la aplicaci\u00f3n de un algunos plugins tales como WebP express, es posible convertir im\u00e1genes al formato WebP en la biblioteca de WordPress.<\/p>\n\n\n\n

Comparaci\u00f3n del formato WebP con otros formatos de im\u00e1genes<\/strong><\/h3>\n\n\n\n

A continuaci\u00f3n, se presenta el siguiente cuadro comparativo, proporcionado por la p\u00e1gina Digital Guide<\/a>, en los cuales se observan las principales caracter\u00edsticas, ventajas y desventajas del formato WebP, en comparaci\u00f3n al formato JPEG, destacando, como se dec\u00eda anteriormente, la mejora en la calidad y compresi\u00f3n de im\u00e1genes, posibilidad de crear animaciones y la limitaci\u00f3n en la disponibilidad de navegadores, como una de sus desventajas. (Digital  Guide, 2020)<\/strong><\/p>\n\n\n\n

\"\"\/
Imagen 4. Comparaci\u00f3n de las caracter\u00edsticas entre los formatos WebP y JPEG (obtenido de Digital Guide)<\/figcaption><\/figure><\/div>\n\n\n\n

\u00bfC\u00f3mo abrir y convertir im\u00e1genes en formato WebP?<\/strong><\/h3>\n\n\n\n

Como se menciona en la p\u00e1gina Digital Guide, a pesar de que la visualizaci\u00f3n de im\u00e1genes, desde sistemas operativos tales como Windows, Linux y MacOs directamente no es posible, s\u00ed es posible observar una imagen en formato WebP si la abrimos desde un navegador, de preferencia Google Chrome, simplemente arrastrando la imagen para su visualizaci\u00f3n. (Digital Guide, 2020)<\/strong><\/p>\n\n\n\n

Finalmente, a continuaci\u00f3n se presenta un videotutorial que nos explica c\u00f3mo convertir im\u00e1genes JPEG y PNG a formato WebP, realizado por el autor Dante Marketing Web. (Dante Marketing Web, 2022)<\/strong><\/p>\n\n\n\n

\n