{"id":26032,"date":"2020-09-14T17:40:31","date_gmt":"2020-09-14T16:40:31","guid":{"rendered":"https:\/\/woosimon.com\/?p=26032"},"modified":"2022-12-03T09:13:25","modified_gmt":"2022-12-03T08:13:25","slug":"how-and-why-to-use-webp-image-files-on-wordpress","status":"publish","type":"post","link":"https:\/\/woosimon.com\/ca\/how-and-why-to-use-webp-image-files-on-wordpress\/","title":{"rendered":"Com (i per qu\u00e8) utilitzar fitxers d&#039;imatge WebP a WordPress"},"content":{"rendered":"<p>En aquesta publicaci\u00f3, veurem com i per qu\u00e8 haur\u00edeu d&#039;optimitzar els vostres fitxers d&#039;imatge al vostre lloc web de WordPress i investigarem els avantatges i els contres del nou format d&#039;imatge WebP.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-530b6dfa\"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTaula de continguts\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#how-and-why-to-use-webp-image-files-on-wordpress\" class=\"uagb-toc-link__trigger\">Com (i per qu\u00e8) utilitzar fitxers d&#039;imatge WebP a WordPress<\/a><li class=\"uagb-toc__list\"><a href=\"#what-is-a-webp-image-file\" class=\"uagb-toc-link__trigger\">Qu\u00e8 \u00e9s un fitxer d&#039;imatge WebP?<\/a><li class=\"uagb-toc__list\"><a href=\"#is-there-a-loss-of-quality-with-webp-images\" class=\"uagb-toc-link__trigger\">Hi ha una p\u00e8rdua de qualitat amb les imatges WebP?<\/a><li class=\"uagb-toc__list\"><a href=\"#how-do-i-use-webp-images-with-wordpress\" class=\"uagb-toc-link__trigger\">Com puc utilitzar imatges WebP amb WordPress?<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Com (i per qu\u00e8) utilitzar fitxers d&#039;imatge WebP a WordPress<\/h2>\n\n\n\n<div class=\"wp-block-uagb-blockquote uagb-block-8501a48a uagb-blockquote__skin-border uagb-blockquote__with-tweet uagb-blockquote__tweet-style-classic uagb-blockquote__tweet-icon_text uagb-blockquote__stack-img-none\"><blockquote class=\"uagb-blockquote\"><div class=\"uagb-blockquote__content\">La paci\u00e8ncia \u00e9s una virtut. Una virtut que pocs de nosaltres mostrem quan estem navegant per la web!<\/div><footer><div class=\"uagb-blockquote__author-wrap uagb-blockquote__author-at-left\"><cite class=\"uagb-blockquote__author\">WooSimon<\/cite><\/div><a href=\"\/ca\/\" class=\"uagb-blockquote__tweet-button\" target=\"_blank\" rel=\"noopener noreferrer\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 512 512\"><path d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z\"><\/path><\/svg>Tuitejar<\/a><\/footer><\/blockquote><\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>La velocitat de c\u00e0rrega r\u00e0pida del lloc \u00e9s fonamental si voleu que la gent interaccioni amb el vostre lloc web. Si la vostra p\u00e0gina triga massa a carregar-se, la gent simplement navegar\u00e0 a un altre lloc, un client potencial perdut per sempre.<br><br>Hi ha molts factors que poden influir en la velocitat del lloc, per\u00f2 l&#039;optimitzaci\u00f3 dels fitxers d&#039;imatge \u00e9s potser un dels m\u00e9s importants. <br><br>Les imatges del vostre lloc web solen ser els fitxers m\u00e9s grans, sovint representen fins a 50% o m\u00e9s de la mida total del lloc. Els fitxers d&#039;imatge grans poden posar les pauses en un temps de c\u00e0rrega de la p\u00e0gina, d&#039;altra manera, r\u00e0pid.<br><br>Aqu\u00ed \u00e9s on entra la compressi\u00f3 d&#039;imatges WebP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e8 \u00e9s un fitxer d&#039;imatge WebP?<\/h2>\n\n\n\n<p>WebP \u00e9s un nou format de fitxer que comprimeix els fitxers d&#039;imatge JPEG i PNG tradicionals, reduint significativament la seva mida en 25-35%.<br><br>WebP utilitza una codificaci\u00f3 predictiva molt intel\u00b7ligent que utilitza els valors dels p\u00edxels ve\u00efns d&#039;una imatge per predir valors i despr\u00e9s nom\u00e9s codifica la difer\u00e8ncia. Pel que sembla.<br><br>Com funciona exactament aix\u00f2, no en tinc ni idea, per\u00f2 el detall important \u00e9s que despr\u00e9s de la compressi\u00f3 el fitxer d&#039;imatge \u00e9s al voltant d&#039;1\/3 m\u00e9s petit i, per tant, es carregar\u00e0 considerablement m\u00e9s r\u00e0pid!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hi ha una p\u00e8rdua de qualitat amb les imatges WebP?<\/h2>\n\n\n\n<p>Hi ha dues opcions de compressi\u00f3 diferents disponibles amb imatges WebP: amb p\u00e8rdues o sense p\u00e8rdues.<br><br>Com els noms poden indicar, elssy implica alguna p\u00e8rdua de qualitat, sense p\u00e8rdues no.<br><br>Tot i que sense p\u00e8rdues pot semblar la millor opci\u00f3, no la recomanaria, ja que realment no suposa cap reducci\u00f3 significativa de la mida del fitxer (sense p\u00e8rdua nom\u00e9s elimina metadades innecess\u00e0ries del fitxer per\u00f2 no altera la imatge).<br><br>La p\u00e8rdua redueix la resoluci\u00f3 d&#039;una imatge, per\u00f2 aix\u00f2 no \u00e9s realment un problema, ja que la difer\u00e8ncia entre l&#039;original i la versi\u00f3 comprimida no es nota als ulls de la majoria de la gent.<br><br>Per a la majoria de llocs web, l&#039;enorme benefici d&#039;accelerar el vostre lloc ser\u00e0 molt m\u00e9s gran que una p\u00e8rdua imperceptible de qualitat de la imatge.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Com puc utilitzar imatges WebP amb WordPress?<\/h2>\n\n\n\n<p>A partir del setembre de 2020, no \u00e9s possible penjar imatges WebP a WordPress directament.<br><br>Aix\u00f2 es deu al fet que, tot i que la majoria dels navegadors principals ara funcionen amb WebP, encara no \u00e9s compatible amb 100%; sobretot, no funcionaran amb Safari (tot i que es diu que el suport s&#039;afegir\u00e0 a la propera actualitzaci\u00f3 que sortir\u00e0 en qualsevol moment).<br><br>Mentrestant, haureu de penjar un connector a WordPress que comprimir\u00e0 les vostres imatges i us servir\u00e0 com a imatges WebP en navegadors compatibles, o com a fitxers JPG\/PNG tradicionals en navegadors antics.<br><br>Personalment, recomanaria utilitzar el <a href=\"https:\/\/wordpress.org\/plugins\/wp-optimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Connector WP-Optimize<\/a>. Aquest \u00e9s un connector fant\u00e0stic que analitzar\u00e0 i convertir\u00e0 tots els fitxers d&#039;imatge existents, a m\u00e9s de convertir autom\u00e0ticament qualsevol c\u00e0rrega nova.<br><br>El connector es pot instal\u00b7lar i activar gratu\u00eftament i tamb\u00e9 inclou algunes funcions d&#039;optimitzaci\u00f3 de bases de dades i de mem\u00f2ria cau.<\/p>","protected":false},"excerpt":{"rendered":"<p>In this post, we&#8217;re going to be looking a how and why you should be optimising your image files on your WordPress website, and investigating the pros and cons of the new WebP image format. How (and why) to use WebP image files on WordPress Fast site loading speed is critical if you want people [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":26043,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[27],"tags":[],"class_list":["post-26032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How (and why) to use WebP image files on WordPress - WooSimon<\/title>\n<meta name=\"description\" content=\"In this post, we&#039;re going to look at why you should use WebP image files on WordPress, and how you can easily...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/woosimon.com\/ca\/how-and-why-to-use-webp-image-files-on-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How (and why) to use WebP image files on WordPress - WooSimon\" \/>\n<meta property=\"og:description\" content=\"In this post, we&#039;re going to look at why you should use WebP image files on WordPress, and how you can easily...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/woosimon.com\/ca\/how-and-why-to-use-webp-image-files-on-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WooSimon\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WooSimonWeb\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/WooSimonWeb\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-14T16:40:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-03T08:13:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"846\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Simon Whyatt\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@simon_whyatt\" \/>\n<meta name=\"twitter:site\" content=\"@simon_whyatt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"Simon Whyatt\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\"},\"author\":{\"name\":\"Simon Whyatt\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/person\\\/38f6b2be00e744795e9061a75136c46a\"},\"headline\":\"How (and why) to use WebP image files on WordPress\",\"datePublished\":\"2020-09-14T16:40:31+00:00\",\"dateModified\":\"2022-12-03T08:13:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\"},\"wordCount\":545,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"articleSection\":[\"WordPress Tips\"],\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\",\"url\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\",\"name\":\"How (and why) to use WebP image files on WordPress - WooSimon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"datePublished\":\"2020-09-14T16:40:31+00:00\",\"dateModified\":\"2022-12-03T08:13:25+00:00\",\"description\":\"In this post, we're going to look at why you should use WebP image files on WordPress, and how you can easily...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"contentUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/rocket-science-spaceship-3122690.jpg\",\"width\":1280,\"height\":846,\"caption\":\"Use WebP image files on WordPress to increase take off velocity!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/how-and-why-to-use-webp-image-files-on-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/woosimon.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How (and why) to use WebP image files on WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#website\",\"url\":\"https:\\\/\\\/woosimon.com\\\/\",\"name\":\"WooSimon\",\"description\":\"Web Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/woosimon.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#organization\",\"name\":\"WooSimon\",\"url\":\"https:\\\/\\\/woosimon.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/WooSimon-Logo-DSG.png\",\"contentUrl\":\"https:\\\/\\\/woosimon.com\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/WooSimon-Logo-DSG.png\",\"width\":512,\"height\":512,\"caption\":\"WooSimon\"},\"image\":{\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/WooSimonWeb\",\"https:\\\/\\\/x.com\\\/simon_whyatt\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/simon-whyatt-11115110\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/woosimon.com\\\/#\\\/schema\\\/person\\\/38f6b2be00e744795e9061a75136c46a\",\"name\":\"Simon Whyatt\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g\",\"caption\":\"Simon Whyatt\"},\"description\":\"My name is Simon Whyatt and I\u2019m a web designer based in Barcelona, Spain. I create websites with great user experience that convert visitors into clients.\",\"sameAs\":[\"https:\\\/\\\/woosimon.com\",\"https:\\\/\\\/www.facebook.com\\\/WooSimonWeb\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/simon-whyatt-11115110\\\/\",\"https:\\\/\\\/x.com\\\/simon_whyatt\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Com (i per qu\u00e8) utilitzar fitxers d&#039;imatge WebP a WordPress - WooSimon","description":"En aquesta publicaci\u00f3, veurem per qu\u00e8 haur\u00edeu d&#039;utilitzar fitxers d&#039;imatge WebP a WordPress i com podeu f\u00e0cilment...","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:\/\/woosimon.com\/ca\/how-and-why-to-use-webp-image-files-on-wordpress\/","og_locale":"ca_ES","og_type":"article","og_title":"How (and why) to use WebP image files on WordPress - WooSimon","og_description":"In this post, we're going to look at why you should use WebP image files on WordPress, and how you can easily...","og_url":"https:\/\/woosimon.com\/ca\/how-and-why-to-use-webp-image-files-on-wordpress\/","og_site_name":"WooSimon","article_publisher":"https:\/\/www.facebook.com\/WooSimonWeb","article_author":"https:\/\/www.facebook.com\/WooSimonWeb","article_published_time":"2020-09-14T16:40:31+00:00","article_modified_time":"2022-12-03T08:13:25+00:00","og_image":[{"width":1280,"height":846,"url":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","type":"image\/jpeg"}],"author":"Simon Whyatt","twitter_card":"summary_large_image","twitter_creator":"@simon_whyatt","twitter_site":"@simon_whyatt","twitter_misc":{"Escrit per":"Simon Whyatt","Temps estimat de lectura":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#article","isPartOf":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/"},"author":{"name":"Simon Whyatt","@id":"https:\/\/woosimon.com\/#\/schema\/person\/38f6b2be00e744795e9061a75136c46a"},"headline":"How (and why) to use WebP image files on WordPress","datePublished":"2020-09-14T16:40:31+00:00","dateModified":"2022-12-03T08:13:25+00:00","mainEntityOfPage":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/"},"wordCount":545,"commentCount":0,"publisher":{"@id":"https:\/\/woosimon.com\/#organization"},"image":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","articleSection":["WordPress Tips"],"inLanguage":"ca","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/","url":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/","name":"Com (i per qu\u00e8) utilitzar fitxers d&#039;imatge WebP a WordPress - WooSimon","isPartOf":{"@id":"https:\/\/woosimon.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","datePublished":"2020-09-14T16:40:31+00:00","dateModified":"2022-12-03T08:13:25+00:00","description":"En aquesta publicaci\u00f3, veurem per qu\u00e8 haur\u00edeu d&#039;utilitzar fitxers d&#039;imatge WebP a WordPress i com podeu f\u00e0cilment...","breadcrumb":{"@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#primaryimage","url":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","contentUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","width":1280,"height":846,"caption":"Use WebP image files on WordPress to increase take off velocity!"},{"@type":"BreadcrumbList","@id":"https:\/\/woosimon.com\/how-and-why-to-use-webp-image-files-on-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/woosimon.com\/"},{"@type":"ListItem","position":2,"name":"How (and why) to use WebP image files on WordPress"}]},{"@type":"WebSite","@id":"https:\/\/woosimon.com\/#website","url":"https:\/\/woosimon.com\/","name":"WooSimon","description":"Solucions Web","publisher":{"@id":"https:\/\/woosimon.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/woosimon.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/woosimon.com\/#organization","name":"WooSimon","url":"https:\/\/woosimon.com\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/woosimon.com\/#\/schema\/logo\/image\/","url":"https:\/\/woosimon.com\/wp-content\/uploads\/2022\/02\/WooSimon-Logo-DSG.png","contentUrl":"https:\/\/woosimon.com\/wp-content\/uploads\/2022\/02\/WooSimon-Logo-DSG.png","width":512,"height":512,"caption":"WooSimon"},"image":{"@id":"https:\/\/woosimon.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WooSimonWeb","https:\/\/x.com\/simon_whyatt","https:\/\/www.linkedin.com\/in\/simon-whyatt-11115110\/"]},{"@type":"Person","@id":"https:\/\/woosimon.com\/#\/schema\/person\/38f6b2be00e744795e9061a75136c46a","name":"Simon Whyatt","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b09761856ba4bbcb79197fb9e715e3abc28203fbd1753daf09e5019d9b135233?s=96&d=mm&r=g","caption":"Simon Whyatt"},"description":"Em dic Simon Whyatt i s\u00f3c dissenyador web amb seu a Barcelona, Espanya. Creo llocs web amb una gran experi\u00e8ncia d&#039;usuari que converteixen els visitants en clients.","sameAs":["https:\/\/woosimon.com","https:\/\/www.facebook.com\/WooSimonWeb","https:\/\/www.linkedin.com\/in\/simon-whyatt-11115110\/","https:\/\/x.com\/simon_whyatt"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg","uagb_featured_image_src":{"full":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false],"thumbnail":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-150x150.jpg",150,150,true],"medium":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-300x198.jpg",300,198,true],"medium_large":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-768x508.jpg",768,508,true],"large":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690-1024x677.jpg",1024,677,true],"1536x1536":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false],"2048x2048":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false],"trp-custom-language-flag":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",18,12,false],"widget-thumbnail":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",75,50,false],"mailpoet_newsletter_max":["https:\/\/woosimon.com\/wp-content\/uploads\/2020\/09\/rocket-science-spaceship-3122690.jpg",1280,846,false]},"uagb_author_info":{"display_name":"Simon Whyatt","author_link":"https:\/\/woosimon.com\/ca\/author\/siwhyatt\/"},"uagb_comment_info":0,"uagb_excerpt":"In this post, we&#8217;re going to be looking a how and why you should be optimising your image files on your WordPress website, and investigating the pros and cons of the new WebP image format. How (and why) to use WebP image files on WordPress Fast site loading speed is critical if you want people&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/posts\/26032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/comments?post=26032"}],"version-history":[{"count":0,"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/posts\/26032\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/media\/26043"}],"wp:attachment":[{"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/media?parent=26032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/categories?post=26032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/woosimon.com\/ca\/wp-json\/wp\/v2\/tags?post=26032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}