{"id":22787,"date":"2022-03-30T12:18:11","date_gmt":"2022-03-30T17:18:11","guid":{"rendered":"https:\/\/niixer.com\/?p=22787"},"modified":"2022-03-30T16:22:17","modified_gmt":"2022-03-30T21:22:17","slug":"imagenes-webp-que-son-como-funcionan-y-como-implementarlas","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/","title":{"rendered":"IM\u00c1GENES WEBP:  \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas?"},"content":{"rendered":"\n<p>Las im\u00e1genes siempre han sido importantes para el mundo del periodismo, actualmente es necesario comprimir las im\u00e1genes para ayudar al usuario a visualizar contenidos los cuales tengan un peso menor, a los creadores y due\u00f1os de p\u00e1ginas web les ayuda a optimizar y mejorar los tiempos de carga del contenido para contribuir a una mejor experiencia del usuario y por ende mayor fidelizaci\u00f3n a su espacio,&nbsp; para realizar este proceso naci\u00f3 im\u00e1genes webp en el 2010 de la mano de Google.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es WEBP?<\/strong><\/h3>\n\n\n\n<p>Es un formato proporcionado por Google que permite realizar la compresi\u00f3n de las<a href=\"https:\/\/niixer.com\/index.php\/2021\/09\/02\/integrar-una-galeria-de-imagenes-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"> im\u00e1genes<\/a> a un tama\u00f1o m\u00e1s peque\u00f1o al que normalmente se encuentran en PNG o JPEG teniendo la misma calidad de este. Esto es la evoluci\u00f3n para las im\u00e1genes debido que entre m\u00e1s peque\u00f1a sea mucho mejor para el sitio web, y esto es porque as\u00ed el sitio cargara mas rapido y no consumir\u00e1 tanto ancho de banda.<\/p>\n\n\n\n<p>Tendremos que tener en cuenta que una reducci\u00f3n exitosa depender\u00e1 del tipo de compresi\u00f3n de im\u00e1genes que se utilice, es decir con p\u00e9rdida o sin p\u00e9rdida de informaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Tipos de compresi\u00f3n con WEBP<\/strong><\/h3>\n\n\n\n<p><em><strong>Con p\u00e9rdida<\/strong><\/em><\/p>\n\n\n\n<p>Cuando se utiliza <strong>con p\u00e9rdida<\/strong> es un algoritmo predictivo el cual est\u00e1 basado en VP8 donde se divide el cuadro en macrobloques y el codificador predice la informaci\u00f3n como color, movimiento redundantes teniendo en cuenta el marco de la imagen ya que utiliza los p\u00edxeles decodificados para sustraer informaci\u00f3n desconocida en cada bloque. Solo faltar\u00eda tratar la parte residual de&nbsp; la cual se cuantifica y se codifica, en este paso se encuentra una gran parte de la p\u00e9rdida de bits de informaci\u00f3n.&nbsp;<\/p>\n\n\n\n<p>Donde se deben tener en cuenta cuatro factores de predicci\u00f3n interna de los bloques los cuales son H_PRED (predicci\u00f3n horizontal), V_PRED (predicci\u00f3n vertical) , DC_PRED (predicci\u00f3n DC) y TM_PRED (predicci\u00f3n TrueMotion).<\/p>\n\n\n\n<p>En la siguiente imagen se puede apreciar el proceso con p\u00e9rdida de WEBP donde el circulo rojo muestra la diferencia con JPEG.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"744\" height=\"656\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/compression-webp_lossy.png\" alt=\"\" class=\"wp-image-22788\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/compression-webp_lossy.png 744w, https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/compression-webp_lossy-300x265.png 300w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/figure><\/div>\n\n\n\n<p><strong><em>Sin p\u00e9rdida<\/em><\/strong><\/p>\n\n\n\n<p>La compresi\u00f3n <strong>sin p\u00e9rdida <\/strong>transforma la imagen utilizando diferentes t\u00e9cnicas, la codificaci\u00f3n se realiza con los datos transformados. En esta compresi\u00f3n tendremos en cuenta<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>La predicci\u00f3n espacial de los pixeles<\/li><li>El espacio de color<\/li><li>El uso de las paletas<\/li><li>Empaquetamiento de varios pixeles en un solo pixel&nbsp;<\/li><li>Reemplazo alfa.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 diferencia hay entre webp y JPG, PNG ?<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"498\" height=\"200\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Captura.webp\" alt=\"\" class=\"wp-image-22818\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Captura.webp 498w, https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Captura-300x120.webp 300w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/figure><\/div>\n\n\n\n<p>Como ya se ha mencionado la comparaci\u00f3n de tama\u00f1os entre estas im\u00e1genes son de un porcentaje relativamente significativo si queremos que nuestro sitio cargue m\u00e1s r\u00e1pido.&nbsp; Para entender un poco m\u00e1s miremos que significa JPG y PNG<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>JPG<\/strong> : es uno de los formatos para reducir el tama\u00f1o de las im\u00e1genes en colores y escala de grises con una calidad media al momento de comprimir. Este proceso lo realiza por medio de compresi\u00f3n con p\u00e9rdida.<\/li><li><strong>PNG <\/strong>: Es un algoritmo que se basa en comprimir im\u00e1genes a trav\u00e9s de un mapa de bits utilizando el m\u00e9todo sin p\u00e9rdidas, est\u00e1 basada en una alternativa de GIF la cual trabaja con im\u00e1genes a todo color y en escala de grises dando una calidad mucho mejor que la de JPG teniendo en cuenta que este formato proporciona el fondo semi transparente o transparente debido el caso.<\/li><\/ul>\n\n\n\n<ol class=\"wp-block-list\"><li>El formato sin p\u00e9rdida tiene entre un 15% a un 26% m\u00e1s en comparaci\u00f3n con Png&nbsp;<\/li><li>La diferencia con p\u00e9rdida tiene la misma calidad que una JPG la diferencia notoria es el tama\u00f1o en cual tiene entre 25% a un 34% m\u00e1s peque\u00f1a.<\/li><li>Las webp tienen diferentes tipos de compresi\u00f3n y tratamiento de las im\u00e1genes a diferencia de JPEG como lo son&nbsp; compresi\u00f3n sin p\u00e9rdidas, transparencia(canal alfa), posibilidad de animaciones.&nbsp;<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Ventajas y desventajas de WebPi <\/strong><\/h3>\n\n\n\n<p>Aunque estas im\u00e1genes son excelentes tenemos que tener en cuenta cuales son los beneficios y sus inconvenientes.<\/p>\n\n\n\n<p><strong><em>Ventajas<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"393\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/jpg-vs-webp.png\" alt=\"\" class=\"wp-image-22790\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/jpg-vs-webp.png 880w, https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/jpg-vs-webp-300x134.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/jpg-vs-webp-768x343.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Permite manejar dos tipos de compresi\u00f3n(con o sin p\u00e9rdida) dependiendo el caso. solo debes el tama\u00f1o y la calidad que necesitas para que webp defina el m\u00e9todo m\u00e1s conveniente&nbsp;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Este formato permite tener fondos transparentes.<\/li><li>Webp soporta la compresi\u00f3n de animaciones.<\/li><li>El tiempo de compresi\u00f3n es mucho m\u00e1s reducido, esto es porque la codificaci\u00f3n es el 80% m\u00e1s r\u00e1pida que uno de PNG.<\/li><li>El tiempo de descompresi\u00f3n al momento de subir la imagen es reducido esto se debe a que adem\u00e1s de codificar tambi\u00e9n decodifica la imagen para cargarla al navegador lo cual hace esto hasta un 90% m\u00e1s r\u00e1pido que cualquier otro decodificador conocido.<\/li><\/ul>\n\n\n\n<p>Aunque esta herramienta es excelente para la comprensi\u00f3n de im\u00e1genes tambi\u00e9n debemos tener otros factores negativos que podr\u00edan ser un impedimento en tu sitio .<\/p>\n\n\n\n<p><strong><em>Desventajas<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"411\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Webp-image-fortmat-1024x411.png\" alt=\"\" class=\"wp-image-22791\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Webp-image-fortmat-1024x411.png 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Webp-image-fortmat-300x120.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Webp-image-fortmat-768x308.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/Webp-image-fortmat.png 1224w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Este tipo de formato no soporta todos los navegadores lo cual es un impedimento para ingresar desde cierto tipos de dispositivos como lo es IOS. Teniendo esto presente el m\u00e1s popular es Chrome para Android, que admite WebP y representa el 30 % del mercado general. Opera Mobile tambi\u00e9n lo soporta, pero solo cubre el 0,01% del mercado, aunque Opera Mini suma un 1,4% y&nbsp; Firefox para Android tambi\u00e9n es compatible con WebP con solo un 0,18 % de cobertura.<\/li><li>Tambi\u00e9n se debe tener en cuenta que wordpress no admite este formato directamente por lo que tenemos que usar herramientas para poder utilizarlas.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conversores online<\/strong><\/h3>\n\n\n\n<p>Si necesitas convertir una imagen en una de las extensiones de webp existen conversores online que te pueden ayudar a realizar este proceso. Para tener un poco mas claro cuales son la librer\u00edas que ofrece este formato son&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><em>cWebP<\/em><\/strong> permite comprimir archivos de imagen con la ayuda de WebP. Los posibles formatos de entrada incluyen PNG, JPEG y TIFF, entre otros. En las opciones de la herramienta, puede definir si la imagen debe comprimirse con p\u00e9rdida o sin p\u00e9rdida.<\/li><li><strong><em>dWebP<\/em><\/strong> es una herramienta que se puede usar para convertir archivos WebP a otros formatos, como PNG (predeterminado), BMP, TIFF o PGM.<\/li><li>Con <strong><em>vWebP<\/em><\/strong>, Google ofrece su propia soluci\u00f3n para mostrar im\u00e1genes y animaciones WebP basadas en OpenGL.<\/li><li><strong><em>WebPmux <\/em><\/strong>es la herramienta definitiva para lidiar con la extensi\u00f3n de WebP. Por ejemplo, puede usar el programa para crear animaciones en formato WebP o para expandir los metadatos y perfiles ICC de archivos de imagen.<\/li><li>Con <strong><em>gif2WebP<\/em><\/strong>, podr\u00e1 convertir archivos GIF existentes en archivos WebP. Al igual que con la compresi\u00f3n de im\u00e1genes normal, puede codificar tanto con p\u00e9rdida como sin p\u00e9rdida.<\/li><\/ul>\n\n\n\n<p>si buscaras en cualquier navegador te saldr\u00e1 una lista larga de conversores a continuaci\u00f3n una peque\u00f1a lista de estos los cuales son muy intuitivos de utilizar.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/www.freeconvert.com\/webp-converter\" target=\"_blank\" rel=\"noreferrer noopener\">FreeConvert<\/a><\/li><li><a href=\"https:\/\/cloudconvert.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cloudconvert<\/a><\/li><li><a href=\"https:\/\/ezgif.com\/webp-maker\" target=\"_blank\" rel=\"noreferrer noopener\">Ezgif Webp<\/a><\/li><li><a href=\"https:\/\/onlineconvertfree.com\/es\/convert-format\/jpg-to-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">onlineconvertfree<\/a><\/li><li><a href=\"https:\/\/convertio.co\/es\/png-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">convertio<\/a><\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>C\u00f3mo implementar en WordPress las im\u00e1genes Webp<\/strong><\/h3>\n\n\n\n<p>Para implementar webp a nuestro sitio web desde wordpress existen diferente formas&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Si est\u00e1s utilizando uno de los navegadores compatibles con este formato podras cargar la imagen normalmente.<\/li><li>Se puede realizar por c\u00f3digo para realizar la habilitaci\u00f3n de este formato como lo muestran en el siguiente video.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Usar ima\u0301genes WebP en WordPress\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/IWTaH32_pBQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>           3.   Se puede instalar un <a href=\"https:\/\/niixer.com\/index.php\/2021\/10\/05\/instala-un-plugin-en-wordpress-2021\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin<\/a> para realizar la incorporaci\u00f3n de este formato al sitio web, en este caso puedes instalar <strong>WebP Express<\/strong> donde se debe      configurar  con los par\u00e1metros deseados antes de realizar cualquier conversi\u00f3n. Para una mejor explicaci\u00f3n puedes observar este&nbsp; video.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u2b50WebP para wordpress 2021\u2b50 | convertir a WebP GRATIS\ud83d\udd1d\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/ZGn4L1WE4SQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Autor<\/strong>:<a href=\"https:\/\/niixer.com\/?s=+Ingrid+Valentina+Garcia+Tellez\"> Ingrid Valentina Garcia Tellez<\/a><\/p>\n\n\n\n<p><strong>Editor<\/strong>: Carlos Ivan Pinzon Romero<\/p>\n\n\n\n<p><strong>C\u00f3digo<\/strong>: UCPW-9-1<\/p>\n\n\n\n<p><strong>Universidad: <\/strong><a href=\"https:\/\/www.ucentral.edu.co\/\">Universidad Central<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fuentes<\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\"><em>[1]Compression Techniques | WebP |. (s.f). Google Developers. <\/em><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\">https:\/\/developers.google.com\/speed\/webp\/docs\/compression<\/a>&nbsp; &nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[2]Buioli, I. (2019, 25 mayo). <em>\u00bfVale la pena usar Webp?<\/em> Moldeo Interactive. <a href=\"https:\/\/www.moldeointeractive.com.ar\/en_US\/blog\/moldeo-interactive-1\/post\/vale-la-pena-usar-webp-684#:%7E:text=El%20gran%20favorito%20es%20Chrome,%2C%20cubriendo%20solo%20un%200.18%25\">https:\/\/www.moldeointeractive.com.ar\/en_US\/blog\/moldeo-interactive-1\/post\/vale-la-pena-usar-webp-684#:%7E:text=El%20gran%20favorito%20es%20Chrome,%2C%20cubriendo%20solo%20un%200.18%25<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[3]Rodr\u00edguez, E. (2021, 19 mayo). <em>Usar formato Webp cuando un navegador no es compatible<\/em>. Emirodgar. <a href=\"https:\/\/emirodgar.com\/webp-compatibilidad\">https:\/\/emirodgar.com\/webp-compatibilidad<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[4]Jackson, B. (2021, 18 junio). <em>JPG vs JPEG: Entendiendo el formato de archivo de imagen m\u00e1s com\u00fan<\/em>. Kinsta. <a href=\"https:\/\/kinsta.com\/es\/blog\/jpg-vs-jpeg\/\">https:\/\/kinsta.com\/es\/blog\/jpg-vs-jpeg\/<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><em>[5]Ejemplo de compresi\u00f3n Webp<\/em>. (2022, 10 enero). [Fotograf\u00eda]. Ciudadano 2.0. <a href=\"https:\/\/www.ciudadano2cero.com\/que-es-webp\/#Que_diferencias_tiene_con_GIF_JPG_y_PNG\">https:\/\/www.ciudadano2cero.com\/que-es-webp\/#Que_diferencias_tiene_con_GIF_JPG_y_PNG<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[6]Berlanga, L. (2022, 10 enero). <em>Qu\u00e9 es WebP y por qu\u00e9 es mejor que PNG, JPG y GIF<\/em>. Ciudadano 2.0. <a href=\"https:\/\/www.ciudadano2cero.com\/que-es-webp\/\">https:\/\/www.ciudadano2cero.com\/que-es-webp\/<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[7]Ravent\u00f3s, R. (2021, 19 agosto). <em>C\u00f3mo funcionan las im\u00e1genes WebP en WordPress<\/em>. Nelio Software. <a href=\"https:\/\/neliosoftware.com\/es\/blog\/como-funcionan-las-imagenes-webp-en-wordpress\/\">https:\/\/neliosoftware.com\/es\/blog\/como-funcionan-las-imagenes-webp-en-wordpress\/<\/a><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><em>[8]compression webp lossy<\/em>. (s. f.). [Ilustraci\u00f3n]. WebP. <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\">https:\/\/developers.google.com\/speed\/webp\/docs\/compression<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><em>[9]WebP image format<\/em>. (2022, febrero). [Grafico]. caniuse. <a href=\"https:\/\/caniuse.com\/webp\">https:\/\/caniuse.com\/webp<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[10]Marreros,J [ DecodeCMS]. (2021, 27 abril). <em>Usar im\u00e1genes WebP en WordPress<\/em> [V\u00eddeo]. YouTube. <a href=\"https:\/\/www.youtube.com\/watch?v=IWTaH32_pBQ\">https:\/\/www.youtube.com\/watch?v=IWTaH32_pBQ<\/a>&nbsp;<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[11]Gonzalez,C [Carlos Gonzalez]. (2021, 24 febrero). <em>\u2b50WebP para wordpress 2021\u2b50 | convertir a WebP GRATIS\ud83d\udd1d<\/em> [V\u00eddeo]. YouTube. <a href=\"https:\/\/www.youtube.com\/watch?v=ZGn4L1WE4SQ\">https:\/\/www.youtube.com\/watch?v=ZGn4L1WE4SQ<\/a><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">[12]Adeva, R. (2021, 21 julio). <em>aperWebP<\/em> [Imagen]. adslzone. <a href=\"https:\/\/www.adslzone.net\/reportajes\/foto-video\/webp-formato-ventajas\/\">https:\/\/www.adslzone.net\/reportajes\/foto-video\/webp-formato-ventajas\/<\/a><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Las im\u00e1genes siempre han sido importantes para el mundo del periodismo, actualmente es necesario comprimir las im\u00e1genes para ayudar al usuario a visualizar contenidos los cuales tengan un peso menor, a los creadores y due\u00f1os de p\u00e1ginas web les ayuda a optimizar y mejorar los tiempos de carga del contenidoSeguir Leyendo<\/p>\n","protected":false},"author":315,"featured_media":22815,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[30],"tags":[1928,107,1927,1929,1930],"class_list":["post-22787","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-niixer","tag-compresion-de-imagenes","tag-google","tag-imagen-webp","tag-jpg","tag-png"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>IM\u00c1GENES WEBP: \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos<\/title>\n<meta name=\"description\" content=\"Webp es un formato de compresi\u00f3n de im\u00e1genes para tu que tu sitio web sea mas liviano, y el tama\u00f1o de esta sea relativamente peque\u00f1o.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IM\u00c1GENES WEBP: \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"og:description\" content=\"Webp es un formato de compresi\u00f3n de im\u00e1genes para tu que tu sitio web sea mas liviano, y el tama\u00f1o de esta sea relativamente peque\u00f1o.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-30T17:18:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-30T21:22:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/aperWebP.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1268\" \/>\n\t<meta property=\"og:image:height\" content=\"664\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Ingrid Valentina Ingrid Valentina Garc\u00eda Tellez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ingrid Valentina Ingrid Valentina Garc\u00eda Tellez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"IM\u00c1GENES WEBP: \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","description":"Webp es un formato de compresi\u00f3n de im\u00e1genes para tu que tu sitio web sea mas liviano, y el tama\u00f1o de esta sea relativamente peque\u00f1o.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/","og_locale":"es_ES","og_type":"article","og_title":"IM\u00c1GENES WEBP: \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","og_description":"Webp es un formato de compresi\u00f3n de im\u00e1genes para tu que tu sitio web sea mas liviano, y el tama\u00f1o de esta sea relativamente peque\u00f1o.","og_url":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2022-03-30T17:18:11+00:00","article_modified_time":"2022-03-30T21:22:17+00:00","og_image":[{"width":1268,"height":664,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/aperWebP.webp","type":"image\/webp"}],"author":"Ingrid Valentina Ingrid Valentina Garc\u00eda Tellez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Ingrid Valentina Ingrid Valentina Garc\u00eda Tellez","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/"},"author":{"name":"Ingrid Valentina Ingrid Valentina Garc\u00eda Tellez","@id":"https:\/\/niixer.com\/#\/schema\/person\/20c051a0405ae29a94a664b37d0f6883"},"headline":"IM\u00c1GENES WEBP: \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas?","datePublished":"2022-03-30T17:18:11+00:00","dateModified":"2022-03-30T21:22:17+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/"},"wordCount":1330,"commentCount":0,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/aperWebP.webp","keywords":["compresi\u00f3n de im\u00e1genes","Google","Imagen Webp","JPG","PNG"],"articleSection":["Niixer"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/","url":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/","name":"IM\u00c1GENES WEBP: \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/aperWebP.webp","datePublished":"2022-03-30T17:18:11+00:00","dateModified":"2022-03-30T21:22:17+00:00","description":"Webp es un formato de compresi\u00f3n de im\u00e1genes para tu que tu sitio web sea mas liviano, y el tama\u00f1o de esta sea relativamente peque\u00f1o.","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/aperWebP.webp","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/aperWebP.webp","width":1268,"height":664,"caption":"WebP"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2022\/03\/30\/imagenes-webp-que-son-como-funcionan-y-como-implementarlas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"IM\u00c1GENES WEBP: \u00bfQu\u00e9 son?, \u00bfC\u00f3mo funcionan? y \u00bfC\u00f3mo implementarlas?"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/20c051a0405ae29a94a664b37d0f6883","name":"Ingrid Valentina Ingrid Valentina Garc\u00eda Tellez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/9d631e3820a8ca2750832262dcb40a5d877ba76988af688fde752547e3621861?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9d631e3820a8ca2750832262dcb40a5d877ba76988af688fde752547e3621861?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9d631e3820a8ca2750832262dcb40a5d877ba76988af688fde752547e3621861?s=96&d=mm&r=g","caption":"Ingrid Valentina Ingrid Valentina Garc\u00eda Tellez"},"sameAs":["http:\/\/www.niixer.com"],"url":"https:\/\/niixer.com\/index.php\/author\/igarciat\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/03\/aperWebP.webp","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/22787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/315"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=22787"}],"version-history":[{"count":9,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/22787\/revisions"}],"predecessor-version":[{"id":23073,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/22787\/revisions\/23073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/22815"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=22787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=22787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=22787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}