{"id":18601,"date":"2020-05-19T10:50:08","date_gmt":"2020-05-19T08:50:08","guid":{"rendered":"https:\/\/trilogi.com\/blog\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/"},"modified":"2020-05-19T10:50:08","modified_gmt":"2020-05-19T08:50:08","slug":"jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/","title":{"rendered":"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3"},"content":{"rendered":"<p>Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura responsables de la seva velocitat de c\u00e0rrega<\/p>\n<p>\u00c9s important i necessari tractar i comprimir correctament aquestes imatges.<br \/>\nUna botiga excessivament pesada carregar\u00e0 m\u00e9s lentament, cosa que perjudica la navegaci\u00f3 dels usuaris.<\/p>\n<p>Per aquest motiu, cada vegada rebem m\u00e9s inter\u00e8s per l\u2019assessorament sobre el processament correcte d\u2019imatges, i part d\u2019aquest inter\u00e8s se centra en aquests tres formats, aparentment nous i fins ara tan desconeguts.<\/p>\n<p>Avui ens centrarem a parlar-ne i, concretament, de <strong>WebP<\/strong>, que b\u00e9 podria ser el pr\u00f2xim est\u00e0ndard per a imatges a internet.<\/p>\n<p>Per\u00f2 abans de res farem un breu rep\u00e0s a aquests 3 formats, per saber qu\u00e8 s\u00f3n i qu\u00e8 ens poden oferir.<\/p>\n<h2 id=\"JPEG2000,JPEGXRyWebP,losformatosdeimag\u00e9ndepr\u00f3ximageneraci\u00f3n.-Formatosdepr\u00f3ximageneraci\u00f3n\"><strong>Formats de pr\u00f2xima generaci\u00f3<\/strong><\/h2>\n<p><strong>JPEG 2000<\/strong><\/p>\n<p>Creat l\u2019any <strong>2000<\/strong> pel grup<strong> Joint Photographic Experts Group, JPEG 2000 <\/strong>va n\u00e9ixer amb l\u2019objectiu de superar el mateix <strong>JPEG, <\/strong>oferint una millor compressi\u00f3 d\u2019imatge, amb p\u00e8rdua de qualitat o sense.<\/p>\n<p>Aquest format \u00e9s compatible amb bona part del programari d\u2019edici\u00f3 d\u2019imatges, i la seva popularitat varia entre sectors de l\u2019entorn offline.<\/p>\n<p>No obstant aix\u00f2, a l\u2019entorn online aquest format nom\u00e9s \u00e9s compatible amb els navegadors <strong>Safari<\/strong> d\u2019<strong>Apple<\/strong>, tant a <strong>MacOS<\/strong> com a<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\" \/>Font: <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>Creat per <strong>Microsoft<\/strong> l\u2019any <strong>2009<\/strong>, amb la mateixa intenci\u00f3 d\u2019aportar m\u00e9s qualitat d\u2019imatge amb una mida d\u2019arxiu m\u00e9s petita que el format <strong>JPEG. <\/strong>El seu suport en entorns online es limita als navegadors de Microsoft: <strong>Edge<\/strong> i <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\" \/>Font: <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>Finalment, tenim el format <strong>WebP<\/strong>, creat l\u2019any <strong>2010<\/strong> per <strong>Google<\/strong> amb la idea d\u2019oferir un format espec\u00edfic per al web.<br \/>\nIgual que els altres dos formats, <strong>WebP<\/strong> ofereix una millor qualitat de compressi\u00f3 d\u2019imatge que el format <strong>JPEG<\/strong>, i \u00e9s compatible amb la majoria de navegadors, de manera que arriba a un <strong>77% dels usuaris<\/strong>.<\/p>\n<p>Per aquest motiu, el format <strong>WebP<\/strong> \u00e9s un bon candidat a ser el pr\u00f2xim est\u00e0ndard de compressi\u00f3 d\u2019imatges a 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\" \/>Font: <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>Llavors, ja fem servir el format WebP?<\/strong><\/h2>\n<p>Aquest format d\u2019imatge t\u00e9 una bona compatibilitat entre navegadors; no obstant aix\u00f2, els navegadors d\u2019<strong>Apple<\/strong> encara <strong>no l\u2019admeten<\/strong> i aix\u00f2 afecta un <strong>19% dels usuaris.<\/strong><\/p>\n<p>Per aquest motiu, per poder fer servir aquest format (o qualsevol altre) cal afegir <strong>fallbacks<\/strong> al nostre codi <strong>HTML \/ CSS<\/strong>, per garantir que cap navegador es quedi sense poder mostrar les imatges.<\/p>\n<p class=\"diff-block-target diff-block-context\">Per exemple, fins ara, si volem inserir una imatge al nostre codi <strong>HTML<\/strong>, ho fem m\u00e9s o menys aix\u00ed:<\/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\">En canvi, si fem servir el format <strong>WebP<\/strong>, haurem d\u2019invocar la imatge de la manera seg\u00fcent:<\/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>Com podeu veure, hem de tenir dues c\u00f2pies de la imatge, una en format <strong>WebP,<\/strong> i una altra en <strong>JPEG <\/strong>per al <strong>fallback<\/strong>, a m\u00e9s d\u2019afegir diverses l\u00ednies de codi addicionals.<\/p>\n<\/div>\n<div>\n<p>Amb les imatges inserides mitjan\u00e7ant codi <strong>CSS<\/strong>, haurem de crear una classe espec\u00edfica per a cada format i, mitjan\u00e7ant <strong>javaScript<\/strong>, amb algun plug-in com <a href=\"https:\/\/modernizr.com\/\">Modernizr.<\/a> aplicar una classe o l\u2019altra al nostre <strong>HTML<\/strong> segons si el navegador del client \u00e9s compatible o no amb el nou format. Quedaria m\u00e9s o menys aix\u00ed:<\/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\">L\u2019\u00fas del nou format encara requereix un volum de feina addicional que conv\u00e9 valorar, i per aquest motiu encara no el recomanem al 100%.<\/p>\n<p class=\"diff-block-context\">Hi ha algunes webs que han de mostrar quantitats enormes d\u2019imatges, com seria el cas de <a class=\"external-link\" href=\"https:\/\/www.shutterstock.com\/es\/home\" rel=\"nofollow\">Shutterstock<\/a>, i ja han invertit en l\u2019automatitzaci\u00f3 del proc\u00e9s d\u2019implementaci\u00f3.<\/p>\n<p class=\"diff-block-context\">Amb el temps, la compatibilitat amb aquest nou format s\u2019anir\u00e0 estenent a tots els navegadors, i ser\u00e0 llavors \u2014quan puguem invocar un arxiu <strong>WebP<\/strong> de la mateixa manera que ho far\u00edem amb un <strong>JPEG<\/strong> o un <strong>PNG<\/strong>\u2014 que en recomanarem l\u2019\u00fas.<\/p>\n<p class=\"diff-block-context\">Fins aleshores, els formats cl\u00e0ssics <strong>JPEG<\/strong> i <strong>PNG<\/strong> s\u00f3n els que tenen compatibilitat completa en tots els navegadors i, aplicant una bona compressi\u00f3 d\u2019imatge des del vostre editor d\u2019imatges preferit o amb eines online com <a class=\"external-link\" href=\"https:\/\/tinypng.com\/\" rel=\"nofollow\">tinypng.com<\/a>, podrem oferir una navegaci\u00f3 r\u00e0pida, d\u2019acord amb les expectatives dels usuaris.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura responsables de la seva velocitat de c\u00e0rrega \u00c9s important i necessari tractar i comprimir correctament aquestes imatges. Una botiga excessivament pesada carregar\u00e0 m\u00e9s lentament, cosa que perjudica [&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":[1729],"tags":[],"class_list":["post-18601","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 i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3 | Blog Trilogi \u2013 The Digital Agency<\/title>\n<meta name=\"description\" content=\"Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura\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\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/\" \/>\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 i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3 | Blog Trilogi \u2013 The Digital Agency\" \/>\n<meta property=\"og:description\" content=\"Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/\" \/>\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=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/\"},\"author\":{\"name\":\"Trilogi \u2013 The Digital Agency\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#\\\/schema\\\/person\\\/798dd798bc973592ab3543d988f4a405\"},\"headline\":\"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3\",\"datePublished\":\"2020-05-19T08:50:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/\"},\"wordCount\":799,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#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\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/\",\"url\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/\",\"name\":\"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3 | Blog Trilogi \u2013 The Digital Agency\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#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\":\"Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#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\\\/ca\\\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/trilogi.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3\"}]},{\"@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 i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3 | Blog Trilogi \u2013 The Digital Agency","description":"Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura\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\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/","og_locale":"es_ES","og_type":"article","og_title":"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3 | Blog Trilogi \u2013 The Digital Agency","og_description":"Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura\u2026","og_url":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/","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":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#article","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/"},"author":{"name":"Trilogi \u2013 The Digital Agency","@id":"https:\/\/trilogi.com\/blog\/#\/schema\/person\/798dd798bc973592ab3543d988f4a405"},"headline":"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3","datePublished":"2020-05-19T08:50:08+00:00","mainEntityOfPage":{"@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/"},"wordCount":799,"commentCount":0,"image":{"@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#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\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/","url":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/","name":"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3 | Blog Trilogi \u2013 The Digital Agency","isPartOf":{"@id":"https:\/\/trilogi.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#primaryimage"},"image":{"@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#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":"Les imatges dels nostres ecommerce, o dels llocs web en general, suposen una gran part del pes total de les p\u00e0gines i, per tant, s\u00f3n en bona mesura\u2026","breadcrumb":{"@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/trilogi.com\/blog\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#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\/ca\/jpeg-2000-jpeg-xr-i-webp-els-formats-dimatge-de-proxima-generacio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/trilogi.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JPEG 2000, JPEG XR i WebP, els formats d\u2019imatge de pr\u00f2xima generaci\u00f3"}]},{"@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":"ca","translations":{"ca":18601,"es":14376,"en":18997},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/18601","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=18601"}],"version-history":[{"count":0,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/posts\/18601\/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=18601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/categories?post=18601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trilogi.com\/blog\/wp-json\/wp\/v2\/tags?post=18601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}