{"id":18997,"date":"2020-05-19T10:50:08","date_gmt":"2020-05-19T08:50:08","guid":{"rendered":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/"},"modified":"2020-05-19T10:50:08","modified_gmt":"2020-05-19T08:50:08","slug":"jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/","title":{"rendered":"JPEG 2000, JPEG XR and WebP: the next-generation image formats"},"content":{"rendered":"<p>Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed<\/p>\n<p>Properly processing and compressing these images is important and necessary.<br \/>\nAn overly heavy store will load more slowly, hurting users\u2019 browsing experience.<\/p>\n<p>That\u2019s why we\u2019re seeing growing interest in advice on proper image processing, and part of that interest focuses on these three formats, seemingly new and so little known until now.<\/p>\n<p>Today we\u2019ll focus on them and, specifically, on <strong>WebP<\/strong>, which could well become the next standard for images on the internet.<\/p>\n<p>But first, let\u2019s take a quick look at these 3 formats to see what they are and what they can offer.<\/p>\n<h2 id=\"JPEG2000,JPEGXRyWebP,losformatosdeimag\u00e9ndepr\u00f3ximageneraci\u00f3n.-Formatosdepr\u00f3ximageneraci\u00f3n\"><strong>Next-generation formats<\/strong><\/h2>\n<p><strong>JPEG 2000<\/strong><\/p>\n<p>Created in <strong>2000<\/strong> by the<strong> Joint Photographic Experts Group, JPEG 2000 <\/strong>was designed to outperform <strong>JPEG <\/strong>itself, offering better image compression, with or without quality loss.<\/p>\n<p>This format is supported by much of the image editing software available, and its popularity varies across offline sectors.<\/p>\n<p>Online, however, this format is only supported by <strong>Apple<\/strong>\u2019s <strong>Safari<\/strong> browsers, on both <strong>MacOS<\/strong> and<strong> IOS<\/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\" \/>Source: <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>Created by <strong>Microsoft<\/strong> in <strong>2009<\/strong>, with the same aim of delivering higher image quality at a smaller file size than <strong>JPEG. <\/strong>Online support is limited to Microsoft browsers: <strong>Edge<\/strong> and <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\" \/>Source: <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>Finally, there\u2019s <strong>WebP<\/strong>, created in <strong>2010<\/strong> by <strong>Google<\/strong> to provide a format specifically for the web.<br \/>\nLike the other two formats, <strong>WebP<\/strong> offers better image compression quality than <strong>JPEG<\/strong>, and it\u2019s supported by most browsers, reaching <strong>77% of users<\/strong>.<\/p>\n<p>For this reason, <strong>WebP<\/strong> is a strong candidate to become the next image compression standard on the 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\" \/>Source: <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>So should we start using WebP now?<\/strong><\/h2>\n<p>This image format has good cross-browser compatibility; however, <strong>Apple<\/strong> browsers <strong>don\u2019t support it yet<\/strong>, which affects <strong>19% of users.<\/strong><\/p>\n<p>That\u2019s why, to use this format (or any other), you need to add <strong>fallbacks<\/strong> to your <strong>HTML \/ CSS<\/strong> code to make sure no browser is left unable to display the images.<\/p>\n<p class=\"diff-block-target diff-block-context\">For example, until now, if we wanted to insert an image in our <strong>HTML<\/strong> code, we\u2019d do it roughly like this:<\/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\">Whereas if we use <strong>WebP<\/strong>, we need to call the image like this:<\/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>As you can see, we need two copies of the image, one in <strong>WebP,<\/strong> and another in <strong>JPEG <\/strong>for the <strong>fallback<\/strong>, plus several extra lines of code.<\/p>\n<\/div>\n<div>\n<p>For images inserted via <strong>CSS<\/strong>, we need to create a specific class for each format and, using <strong>javaScript<\/strong> with a plug-in such as <a href=\"https:\/\/modernizr.com\/\">Modernizr.<\/a> apply one class or the other in our <strong>HTML<\/strong> depending on whether the client\u2019s browser supports the new format. It would look roughly like this:<\/p>\n<\/div>\n<div>\n<div><strong>CSS<\/strong><\/div>\n<blockquote>\n<div>.no-webp .container {     background-image: url(\u00abmypicture.jpg\u00bb); }<\/div>\n<div>.webp .container {     background-image: url(\u00abmypicture.webp\u00bb); }<\/div>\n<\/blockquote>\n<\/div>\n<p class=\"diff-block-context\">Using the new format still requires extra work that\u2019s worth weighing up, which is why we don\u2019t fully recommend it yet.<\/p>\n<p class=\"diff-block-context\">Some websites that need to display huge numbers of images, such as <a class=\"external-link\" href=\"https:\/\/www.shutterstock.com\/es\/home\" rel=\"nofollow\">Shutterstock<\/a>, have already invested in automating the implementation process.<\/p>\n<p class=\"diff-block-context\">Over time, support for this new format will spread to all browsers, and it\u2019s then \u2014when we can call a <strong>WebP<\/strong> file just as we would a <strong>JPEG<\/strong> or a <strong>PNG<\/strong>\u2014 that we\u2019ll recommend using it.<\/p>\n<p class=\"diff-block-context\">Until then, the classic <strong>JPEG<\/strong> and <strong>PNG<\/strong> formats are the ones fully supported in all browsers, and by applying good image compression in your favorite image editor or with online tools such as <a class=\"external-link\" href=\"https:\/\/tinypng.com\/\" rel=\"nofollow\">tinypng.com<\/a>, we can deliver fast browsing that meets users\u2019 expectations.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed Properly processing and compressing these images is important and necessary. An overly heavy store will load more slowly, hurting users\u2019 browsing experience. That\u2019s why we\u2019re seeing growing interest in [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":14421,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2509],"tags":[],"class_list":["post-18997","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.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JPEG 2000, JPEG XR and WebP: the next-generation image formats | Blog Trilogi \u2013 The Digital Agency<\/title>\n<meta name=\"description\" content=\"Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed\u2026\" \/>\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\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/\" \/>\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 and WebP: the next-generation image formats | Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"og:description\" content=\"Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Trilogi \u2013 The Digital 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=\"og:image\" content=\"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-portada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Trilogi \u2013 The Digital Agency\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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 \u2013 The Digital Agency\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/\"},\"author\":{\"name\":\"Trilogi \u2013 The Digital Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"JPEG 2000, JPEG XR and WebP: the next-generation image formats\",\"datePublished\":\"2020-05-19T08:50:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/\"},\"wordCount\":658,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#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\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/\",\"name\":\"JPEG 2000, JPEG XR and WebP: the next-generation image formats | Blog Trilogi \u2013 The Digital Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/webp-portada.jpg\",\"datePublished\":\"2020-05-19T08:50:08+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"description\":\"Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#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\\\/en\\\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JPEG 2000, JPEG XR and WebP: the next-generation image formats\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\",\"name\":\"Blog Trilogi \u2013 The Digital 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 \u2013 The Digital 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 \u2013 The Digital 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 and WebP: the next-generation image formats | Blog Trilogi \u2013 The Digital Agency","description":"Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed\u2026","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\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/","og_locale":"es_ES","og_type":"article","og_title":"JPEG 2000, JPEG XR and WebP: the next-generation image formats | Blog Trilogi \u2013 The Digital Agency","og_description":"Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed\u2026","og_url":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/","og_site_name":"Blog Trilogi \u2013 The Digital Agency","article_publisher":"https:\/\/www.facebook.com\/Trilogi.eCommerce\/","article_published_time":"2020-05-19T08:50:08+00:00","og_image":[{"width":1200,"height":680,"url":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-portada.jpg","type":"image\/jpeg"}],"author":"Trilogi \u2013 The Digital Agency","twitter_card":"summary_large_image","twitter_creator":"@trilogicommerce","twitter_site":"@trilogicommerce","twitter_misc":{"Escrito por":"Trilogi \u2013 The Digital Agency","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/"},"author":{"name":"Trilogi \u2013 The Digital Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"JPEG 2000, JPEG XR and WebP: the next-generation image formats","datePublished":"2020-05-19T08:50:08+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/"},"wordCount":658,"commentCount":0,"image":{"@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#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\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/","url":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/","name":"JPEG 2000, JPEG XR and WebP: the next-generation image formats | Blog Trilogi \u2013 The Digital Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#primaryimage"},"image":{"@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#primaryimage"},"thumbnailUrl":"https:\/\/trilogi.com\/blog\/wp-content\/uploads\/sites\/2\/webp-portada.jpg","datePublished":"2020-05-19T08:50:08+00:00","author":{"@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"description":"Images on our ecommerce sites, and websites in general, account for a large share of total page weight, so they are largely responsible for load speed\u2026","breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/trilogi.com\/blog\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#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\/en\/jpeg-2000-jpeg-xr-and-webp-the-next-generation-image-formats\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JPEG 2000, JPEG XR and WebP: the next-generation image formats"}]},{"@type":"WebSite","@id":"https:\/\/trilogi.com\/blog\/#website","url":"https:\/\/trilogi.com\/blog\/","name":"Blog Trilogi \u2013 The Digital 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 \u2013 The Digital 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 \u2013 The Digital 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":[],"lang":"en","translations":{"en":18997,"es":14376,"ca":18601},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/18997","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=18997"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/18997\/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=18997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=18997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=18997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}