{"id":14376,"date":"2020-05-19T10:50:08","date_gmt":"2020-05-19T08:50:08","guid":{"rendered":"https:\/\/trilogi.com\/blog\/?p=14376"},"modified":"2022-07-19T17:48:07","modified_gmt":"2022-07-19T15:48:07","slug":"jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/","title":{"rendered":"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n"},"content":{"rendered":"<p>Las im\u00e1genes de nuestros ecommerce o websites en general, suponen una gran porci\u00f3n del peso total de las p\u00e1ginas, y por lo tanto son en buena medida responsables de su velocidad de carga<\/p>\n<p>Es importante y necesario el correcto tratamiento y compresi\u00f3n de estas im\u00e1genes.<br \/>\nUna tienda excesivamente pesada cargar\u00e1 de forma mas lenta, perjudicando as\u00ed la libre navegaci\u00f3n de sus usuarios.<\/p>\n<p>Por este motivo, nos est\u00e1 llegando un creciente inter\u00e9s en el asesoramiento sobre el correcto procesado de im\u00e1genes y parte de este inter\u00e9s va dirigido a estos tres formatos; aparentemente nuevos y tan desconocidos hasta ahora.<\/p>\n<p>Hoy nos centraremos en hablar de ellos y concretamente sobre\u00a0<strong>WebP<\/strong>, que bien podr\u00eda ser el pr\u00f3ximo est\u00e1ndar para im\u00e1genes en internet.<\/p>\n<p>Pero antes de nada vamos a hacer un breve repaso a estos 3\u00a0 formatos, para saber que son y que nos pueden ofrecer.<\/p>\n<h2 id=\"JPEG2000,JPEGXRyWebP,losformatosdeimag\u00e9ndepr\u00f3ximageneraci\u00f3n.-Formatosdepr\u00f3ximageneraci\u00f3n\"><strong>Formatos de pr\u00f3xima generaci\u00f3n<\/strong><\/h2>\n<p><strong>JPEG 2000<\/strong><\/p>\n<p>Creado en el a\u00f1o\u00a0\u00a0<strong>2000<\/strong>\u00a0por el grupo<strong>\u00a0Joint Photographic Experts Group,\u00a0 JPEG 2000\u00a0<\/strong>naci\u00f3\u00a0con el objetivo de superar al propio\u00a0<strong>JPEG,\u00a0<\/strong>ofreciendo una mejor compresi\u00f3n de imagen, con o sin perdida de calidad.<\/p>\n<p>Este formato est\u00e1 soportado por buena parte del software de edici\u00f3n de im\u00e1genes, y su popularidad varia entre sectores del entorno offline.<\/p>\n<p>No obstante en el entorno online, este formato solamente lo soportan los navegadores\u00a0<strong>Safari<\/strong>\u00a0de\u00a0<strong>Apple<\/strong>, tanto en\u00a0<strong>MacOS<\/strong>\u00a0como en<strong>\u00a0IOS<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14422\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg2000.png\" alt=\"\" width=\"1271\" height=\"531\" srcset=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg2000.png 1271w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg2000-300x125.png 300w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg2000-1100x460.png 1100w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg2000-768x321.png 768w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg2000-1170x489.png 1170w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg2000-585x244.png 585w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/>Fuente: <a class=\"external-link\" href=\"https:\/\/caniuse.com\/#search=jpeg%202000\" rel=\"nofollow\">www.caniuse.com<\/a><\/p>\n<p><strong>JPEG XR<\/strong><\/p>\n<p>Creado por\u00a0<strong>Microsoft<\/strong>\u00a0en el a\u00f1o\u00a0<strong>2009<\/strong>, y con la misma intenci\u00f3n de aportar\u00a0una mayor calidad de imagen en un menor tama\u00f1o de archivo que el formato\u00a0<strong>JPEG.\u00a0<\/strong>su soporte en entornos Online queda reducido a los navegadores de Microsoft:\u00a0<strong>Edge<\/strong>\u00a0y\u00a0<strong>Explorer.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14423\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-xr.png\" alt=\"\" width=\"1271\" height=\"468\" srcset=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-xr.png 1271w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-xr-300x110.png 300w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-xr-1100x405.png 1100w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-xr-768x283.png 768w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-xr-1170x431.png 1170w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-xr-585x215.png 585w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/>Fuente:\u00a0<a class=\"external-link\" href=\"https:\/\/caniuse.com\/#search=JPEG%20XR\" rel=\"nofollow\">www.caniuse.com<\/a><\/p>\n<p><strong>WebP<\/strong><\/p>\n<p>Por \u00faltimo, tenemos el formato\u00a0<strong>WebP<\/strong>\u00a0creado en el a\u00f1o\u00a0<strong>2010<\/strong>\u00a0por\u00a0<strong>Google<\/strong>, con la idea de aportar un formato espec\u00edfico para la web.<br \/>\nAl igual que los otros dos formatos,\u00a0<strong>WebP<\/strong>, ofrece una mejor calidad de compresi\u00f3n de imagen que el formato\u00a0<strong>JPEG<\/strong>; siendo soportado por la mayor\u00eda de navegadores, llegando as\u00ed a un\u00a0<strong>77% de los usuarios<\/strong>.<\/p>\n<p>Por este motivo, el formato\u00a0<strong>WebP<\/strong>, es un buen candidato a ser el pr\u00f3ximo est\u00e1ndar de compresi\u00f3n im\u00e1genes en internet.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14424\" src=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp.png\" alt=\"\" width=\"1271\" height=\"468\" srcset=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp.png 1271w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-300x110.png 300w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-1100x405.png 1100w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-768x283.png 768w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-1170x431.png 1170w, https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-585x215.png 585w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/>Fuente:\u00a0<a class=\"external-link\" href=\"https:\/\/caniuse.com\/#feat=webp\" rel=\"nofollow\">www.caniuse.com<\/a><\/p>\n<h2 id=\"JPEG2000,JPEGXRyWebP,losformatosdeimag\u00e9ndepr\u00f3ximageneraci\u00f3n.-\u00bfEntoncesusamosyaelformatoWebP?\"><strong>\u00bfEntonces usamos ya el formato WebP?<\/strong><\/h2>\n<p>Este formato de imagen goza de una buena compatibilidad entre navegadores, no obstante los navegadores de\u00a0<strong>Apple<\/strong> a\u00fan\u00a0<strong>no lo soportan<\/strong>\u00a0y esto afecta a un\u00a0<strong>19% de los usuarios.<\/strong><\/p>\n<p>Por este motivo, para poder usar este formato\u00a0 (o cualquier otro) es necesario a\u00f1adir\u00a0<strong>fallbacks<\/strong>\u00a0en nuestro c\u00f3digo\u00a0<strong>HTML \/ CSS<\/strong>, con el fin de garantizar que ning\u00fan navegador se queda sin poder mostrar las im\u00e1genes.<\/p>\n<p class=\"diff-block-target diff-block-context\">Por ejemplo\u00a0hasta ahora, si queremos insertar una imagen en nuestro c\u00f3digo\u00a0<strong>HTML<\/strong>, lo haremos mas o menos de esta forma:<\/p>\n<div><strong>HTML<\/strong><\/div>\n<div>\n<blockquote>\n<div>&lt;img alt=\u00bbThis is my face\u00bb src=\u00bbimages\/mypicture.jpg\u00bb&gt;<\/div>\n<\/blockquote>\n<\/div>\n<p class=\"diff-block-target diff-block-context\">Mientras que si usamos el formato\u00a0<strong>WebP<\/strong>, deberemos invocar a la imagen de la siguiente manera:<\/p>\n<div><strong>HTML<\/strong><\/div>\n<div>\n<blockquote><p>&lt;picture&gt;<\/p>\n<div>\u00a0 &lt;source srcset=\u00bbimages\/mypicture.webp\u00bb type=\u00bbimage\/webp\u00bb&gt;<\/div>\n<div>\u00a0 &lt;source srcset=\u00bbimages\/mypicture.jpg\u00bb type=\u00bbimage\/jpeg\u00bb&gt;<\/div>\n<div>\u00a0 &lt;img alt=\u00bbThis is my face\u00bb src=\u00bbimages\/mypicture.jpg\u00bb&gt;<\/div>\n<div>&lt;\/picture&gt;<\/div>\n<\/blockquote>\n<\/div>\n<div><\/div>\n<div>\n<p>Como pod\u00e9is ver, tenemos que disponer de dos copias de la imagen; una en formato\u00a0\u00a0<strong>WebP,<\/strong>\u00a0y otra en\u00a0<strong>JPEG\u00a0<\/strong>para el\u00a0<strong>fallback<\/strong>, adem\u00e1s de a\u00f1adir varias l\u00edneas de c\u00f3digo adicionales.<\/p>\n<\/div>\n<div>\n<p>Con las im\u00e1genes insertadas a trav\u00e9s del c\u00f3digo\u00a0<strong>CSS<\/strong>, deberemos crear una clase especifica para ambos formatos, y mediante\u00a0<strong>javaScript<\/strong>, con el uso de alg\u00fan plug-in como <a href=\"https:\/\/modernizr.com\/\">Modernizr.<\/a> aplicar una u otra clase en nuestros <strong>HTML<\/strong>\u00a0en funci\u00f3n de si el navegador del cliente es o no compatible con el nuevo formato, quedando\u00a0 mas o menos as\u00ed:<\/p>\n<\/div>\n<div>\n<div><strong>CSS<\/strong><\/div>\n<blockquote>\n<div>.no-webp .container { \u00a0 \u00a0 background-image: url(\u00abmypicture.jpg\u00bb); }<\/div>\n<div>.webp .container { \u00a0 \u00a0 background-image: url(\u00abmypicture.webp\u00bb); }<\/div>\n<\/blockquote>\n<\/div>\n<p class=\"diff-block-context\">El uso del nuevo formato, a\u00fan requiere un volumen adicional de trabajo que conviene valorar, y es por este motivo que a\u00fan no lo recomendamos al 100%.<\/p>\n<p class=\"diff-block-context\">Hay algunas webs que deben mostrar cantidades abismales de im\u00e1genes, como seria el caso de\u00a0<a class=\"external-link\" href=\"https:\/\/www.shutterstock.com\/es\/home\" rel=\"nofollow\">Shutterstock<\/a>\u00a0y ya han invertido en la automatizaci\u00f3n del proceso de implementaci\u00f3n.<\/p>\n<p class=\"diff-block-context\">Con el tiempo, el soporte de este nuevo formato s\u00e9 ira extendiendo a todos los navegadores, y sera entonces &#8211; cuando podamos invocar a un archivo\u00a0<strong>WebP<\/strong>, del mismo modo que lo har\u00edamos con un\u00a0<strong>JPEG<\/strong>\u00a0o un\u00a0<strong>PNG<\/strong>\u00a0&#8211; que recomendaremos su uso.<\/p>\n<p class=\"diff-block-context\">Hasta entonces, los formatos cl\u00e1sicos de\u00a0<strong>JPEG<\/strong>\u00a0y\u00a0<strong>PNG<\/strong>, son los que tienen un soporte completo en todos los navegadores, y que aplicando una buena compresi\u00f3n de imagen desde vuestro editor de im\u00e1genes preferido o a trav\u00e9s de herramientas online como\u00a0<a class=\"external-link\" href=\"https:\/\/tinypng.com\/\" rel=\"nofollow\">tinypng.com<\/a>, podremos ofrecer una navegaci\u00f3n r\u00e1pida, acorde con las expectativas de los usuarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las im\u00e1genes de nuestros ecommerce o websites en general, suponen una gran porci\u00f3n del peso total de las p\u00e1ginas, y por lo tanto son en buena medida responsables de su velocidad de carga Es importante y necesario el correcto tratamiento y compresi\u00f3n de estas im\u00e1genes. Una tienda excesivamente pesada cargar\u00e1 de forma mas lenta, perjudicando [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":14421,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[463],"tags":[],"class_list":["post-14376","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-etrends"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n - Blog Trilogi | The eCommerce Agency<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n\" \/>\n<meta property=\"og:description\" content=\"Conoce los detalles de estos formatos de imagen de nueva generaci\u00f3n, y cual de ellos podr\u00eda ser el nuevo est\u00e1ndar de compresi\u00f3n de im\u00e1genes para internet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Trilogi | The eCommerce Agency\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Trilogi.eCommerce\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-19T08:50:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-19T15:48:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-2000-jpeg-xr-y-webp-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Trilogi the eCommerce Agency\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n\" \/>\n<meta name=\"twitter:description\" content=\"Conoce los detalles de estos formatos de imagen de nueva generaci\u00f3n, y cual de ellos podr\u00eda ser el nuevo est\u00e1ndar de compresi\u00f3n de im\u00e1genes para internet.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-2000-jpeg-xr-y-webp-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@trilogicommerce\" \/>\n<meta name=\"twitter:site\" content=\"@trilogicommerce\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Trilogi the eCommerce Agency\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/\"},\"author\":{\"name\":\"Trilogi the eCommerce Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n\",\"datePublished\":\"2020-05-19T08:50:08+00:00\",\"dateModified\":\"2022-07-19T15:48:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/\"},\"wordCount\":843,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/webp-portada.jpg\",\"articleSection\":[\"eTrends\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/\",\"name\":\"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n - Blog Trilogi | The eCommerce Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/webp-portada.jpg\",\"datePublished\":\"2020-05-19T08:50:08+00:00\",\"dateModified\":\"2022-07-19T15:48:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#primaryimage\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/webp-portada.jpg\",\"contentUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/webp-portada.jpg\",\"width\":1200,\"height\":680},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\",\"name\":\"Blog Trilogi | The eCommerce Agency\",\"description\":\"Mant\u00e9ngase actualizado con las \u00faltimas noticias de eCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\",\"name\":\"Trilogi the eCommerce Agency\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g\",\"caption\":\"Trilogi the eCommerce Agency\"},\"description\":\"Trilogi es una agencia especializada en tiendas online, marketing y estrategia para eCommerce. 22 a\u00f1os y +700 proyectos nos avalan. \u00bfTe ayudamos en tu negocio digital?\u00a0\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n - Blog Trilogi | The eCommerce Agency","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:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/","og_locale":"es_ES","og_type":"article","og_title":"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n","og_description":"Conoce los detalles de estos formatos de imagen de nueva generaci\u00f3n, y cual de ellos podr\u00eda ser el nuevo est\u00e1ndar de compresi\u00f3n de im\u00e1genes para internet.","og_url":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/","og_site_name":"Blog Trilogi | The eCommerce Agency","article_publisher":"https:\/\/www.facebook.com\/Trilogi.eCommerce\/","article_published_time":"2020-05-19T08:50:08+00:00","article_modified_time":"2022-07-19T15:48:07+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-2000-jpeg-xr-y-webp-1.jpg","type":"image\/jpeg"}],"author":"Trilogi the eCommerce Agency","twitter_card":"summary_large_image","twitter_title":"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n","twitter_description":"Conoce los detalles de estos formatos de imagen de nueva generaci\u00f3n, y cual de ellos podr\u00eda ser el nuevo est\u00e1ndar de compresi\u00f3n de im\u00e1genes para internet.","twitter_image":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/jpeg-2000-jpeg-xr-y-webp-1.jpg","twitter_creator":"@trilogicommerce","twitter_site":"@trilogicommerce","twitter_misc":{"Escrito por":"Trilogi the eCommerce Agency","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/"},"author":{"name":"Trilogi the eCommerce Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n","datePublished":"2020-05-19T08:50:08+00:00","dateModified":"2022-07-19T15:48:07+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/"},"wordCount":843,"commentCount":0,"image":{"@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-portada.jpg","articleSection":["eTrends"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/","url":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/","name":"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n - Blog Trilogi | The eCommerce Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#primaryimage"},"image":{"@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-portada.jpg","datePublished":"2020-05-19T08:50:08+00:00","dateModified":"2022-07-19T15:48:07+00:00","author":{"@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#primaryimage","url":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-portada.jpg","contentUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-portada.jpg","width":1200,"height":680},{"@type":"BreadcrumbList","@id":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-y-webp-los-formatos-de-imagen-de-proxima-generacion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JPEG 2000, JPEG XR y WebP, los formatos de imagen de pr\u00f3xima generaci\u00f3n"}]},{"@type":"WebSite","@id":"https:\/\/trilogi.com\/blog\/#website","url":"https:\/\/trilogi.com\/blog\/","name":"Blog Trilogi | The eCommerce Agency","description":"Mant\u00e9ngase actualizado con las \u00faltimas noticias de eCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trilogi.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405","name":"Trilogi the eCommerce Agency","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c575882a8de78f06919f289cda59f91a251472d49f7b6ed1d07ad086a1db5f3?s=96&d=mm&r=g","caption":"Trilogi the eCommerce Agency"},"description":"Trilogi es una agencia especializada en tiendas online, marketing y estrategia para eCommerce. 22 a\u00f1os y +700 proyectos nos avalan. \u00bfTe ayudamos en tu negocio digital?\u00a0"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/14376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/comments?post=14376"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/14376\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/media\/14421"}],"wp:attachment":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/media?parent=14376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=14376"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=14376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}