{"id":17271,"date":"2024-02-08T11:31:37","date_gmt":"2024-02-08T10:31:37","guid":{"rendered":"https:\/\/www.nextweb.cat\/2024\/02\/07\/optimitzar-imatges-per-a-web-millora-la-velocitat-i-el-rendiment\/"},"modified":"2024-02-08T11:33:10","modified_gmt":"2024-02-08T10:33:10","slug":"optimitzar-imatges-per-a-web","status":"publish","type":"post","link":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/","title":{"rendered":"Optimitzar imatges per a web: millora la velocitat i el rendiment"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A l&#8217;actual entorn digital, optimitzar imatges per a web s&#8217;ha convertit en un factor essencial, juntament amb la <strong>velocitat i el rendiment d&#8217;un lloc web<\/strong>, per oferir una experi\u00e8ncia excepcional a l&#8217;usuari.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avui volem explorar detalladament com optimitzar imatges per a web, i com aquesta pr\u00e0ctica pot tenir un impacte significatiu en els <strong> temps de c\u00e0rrega i el rendiment general en una p\u00e0gina web.<\/strong><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenidos<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6ac5a3bd23fd8\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #13a89e;color:#13a89e\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #13a89e;color:#13a89e\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6ac5a3bd23fd8\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#La_importancia_de_loptimitzacio_dimatges_per_a_la_velocitat_del_lloc_web\" >La import\u00e0ncia de l&#8217;optimitzaci\u00f3 d&#8217;imatges per a la velocitat del lloc web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Compressio_dimatges_reduint_el_pes_sense_perdre_qualitat\" >Compressi\u00f3 d&#8217;imatges: reduint el pes sense perdre qualitat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Hi_ha_dos_tipus_principals_de_compressio_dimatges\" >Hi ha dos tipus principals de compressi\u00f3 d&#8217;imatges<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#La_compressio_sense_perdua\" >La compressi\u00f3 sense p\u00e8rdua:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#La_compressio_amb_perdua\" >La compressi\u00f3 amb p\u00e8rdua:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Usar_imatges_adaptades\" >Usar imatges adaptades<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Com_optimitzar_imatges_per_a_web_i_leleccio_dels_formats\" >Com optimitzar imatges per a web i l&#8217;elecci\u00f3 dels formats<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Resolucio_i_dimensions_adequades\" >Resoluci\u00f3 i dimensions adequades:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Les_millors_eines_per_optimitzar_imatges\" >Les millors eines per optimitzar imatges<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#TinyPNG\" >TinyPNG:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Compressorio\" >Compressor.io:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Mes_eines_per_optimitzar_imatges_per_a_web\" >M\u00e9s eines per optimitzar imatges per a web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#ImageOptim\" >ImageOptim:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Squoosh\" >Squoosh:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#FotoJet\" >FotoJet:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Krakenio\" >Kraken.io:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Adobe_Photoshop\" >Adobe Photoshop:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#Conclusio_sobre_com_optimitzar_imatges_per_a_web\" >Conclusi\u00f3 sobre com optimitzar imatges per a web<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_importancia_de_loptimitzacio_dimatges_per_a_la_velocitat_del_lloc_web\"><\/span>La import\u00e0ncia de l&#8217;optimitzaci\u00f3 d&#8217;imatges per a la velocitat del lloc web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Velocidad-de-carga-para-optimizar-imagenes-para-web.jpg\" alt=\"Velocitat de c\u00e0rrega per optimitzar imatges per a web\" class=\"wp-image-16876\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Velocidad-de-carga-para-optimizar-imagenes-para-web.jpg 900w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Velocidad-de-carga-para-optimizar-imagenes-para-web-300x200.jpg 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Velocidad-de-carga-para-optimizar-imagenes-para-web-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Quan parlem de la velocitat d&#8217;un lloc web, no podem ignorar la influ\u00e8ncia directa que tenen les imatges en aquest aspecte.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>Les imatges sense optimitzar poden alentir la c\u00e0rrega de la p\u00e0gina i, en conseq\u00fc\u00e8ncia, disminuir el temps de resposta del lloc. <\/em><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Per abordar aquest problema, \u00e9s fonamental comprendre i aplicar les millors pr\u00e0ctiques a l&#8217;optimitzaci\u00f3 d&#8217;imatges.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Compressio_dimatges_reduint_el_pes_sense_perdre_qualitat\"><\/span>Compressi\u00f3 d&#8217;imatges: reduint el pes sense perdre qualitat<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un dels enfocaments m\u00e9s efectius per optimitzar imatges \u00e9s a trav\u00e9s de la compressi\u00f3. Gr\u00e0cies a la <strong>compressi\u00f3 d&#8217;imatges ens redueix la mida dels fitxers<\/strong> sense comprometre significativament la qualitat visual.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hi_ha_dos_tipus_principals_de_compressio_dimatges\"><\/span>Hi ha dos tipus principals de compressi\u00f3 d&#8217;imatges<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_compressio_sense_perdua\"><\/span>La compressi\u00f3 sense p\u00e8rdua:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Aquest tipus de compressi\u00f3 sense p\u00e8rdua \u00e9s ideal per a imatges que requereixen una qualitat excepcional, com ara logotips o gr\u00e0fics.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_compressio_amb_perdua\"><\/span>La compressi\u00f3 amb p\u00e8rdua:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">D&#8217;altra banda, la compressi\u00f3 amb p\u00e8rdua \u00e9s m\u00e9s adequada per a fotografies i altres imatges on p\u00e8rdues de qualitat petites no s\u00f3n perceptibles per a l&#8217;ull hum\u00e0.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En implementar aquestes t\u00e8cniques, assegureu-vos de trobar l&#8217;equilibri adequat entre la qualitat visual i la mida del fitxer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Usar_imatges_adaptades\"><\/span>Usar imatges adaptades<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Amb el creixent \u00fas de dispositius m\u00f2bils, \u00e9s fonamental garantir que les imatges del vostre lloc web siguin responsives.\r\n\r\nLa t\u00e8cnica de <a href=\"https:\/\/www.nextweb.cat\/2020\/02\/26\/importancia-del-diseno-web-responsive\/\">disseny responsive<\/a> permet que les imatges s&#8217;adaptin autom\u00e0ticament a la mida i resoluci\u00f3 de la pantalla del dispositiu utilitzat per l&#8217;usuari.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-que-sean-responsivas.jpg\" alt=\"Optimitzar imatges per a web que siguin responsives\" class=\"wp-image-16874\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-que-sean-responsivas.jpg 900w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-que-sean-responsivas-300x200.jpg 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-que-sean-responsivas-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Aix\u00f2 evita carregar imatges m\u00e9s grans del necessari en dispositius m\u00f2bils, cosa que pot impactar significativament la velocitat de c\u00e0rrega i l&#8217;experi\u00e8ncia de l&#8217;usuari.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Com_optimitzar_imatges_per_a_web_i_leleccio_dels_formats\"><\/span>Com optimitzar imatges per a web i l&#8217;elecci\u00f3 dels formats<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L&#8217;elecci\u00f3 del format d&#8217;imatge adequat tamb\u00e9 \u00e9s un factor determinant en l&#8217;optimitzaci\u00f3 d&#8217;imatges per a web. Els <strong>formats m\u00e9s comuns s\u00f3n JPEG, PNG i GIF<\/strong>, per\u00f2 n&#8217;hi ha altres de menys coneguts per\u00f2 altament eficients, com <strong>WebP i AVIF<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WebP<\/strong>, un format concebut per Google despr\u00e9s de la seva adquisici\u00f3 de <em>On2 Technologies<\/em>, s&#8217;erigeix \u200b\u200bsobre el s\u00f2lid fonament del c\u00f2dec de v\u00eddeo VP8. Aquest format despunta en brindar imatges d&#8217;una qualitat excel\u00b7lent, en una mida significativament m\u00e9s redu\u00efda en comparaci\u00f3 amb els tradicionals <strong>PNG o JPEG<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Formato-WebP-Optimizar-imagenes-para-web.jpg\" alt=\"Format WebP - Optimitzar imatges per a web\" class=\"wp-image-16897\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Formato-WebP-Optimizar-imagenes-para-web.jpg 900w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Formato-WebP-Optimizar-imagenes-para-web-300x200.jpg 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Formato-WebP-Optimizar-imagenes-para-web-768x512.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Aquest tipus de format amalgama amb destresa i millora les qualitats m\u00e9s destacades dels esmentats formats, en proporcionar una compressi\u00f3 avan\u00e7ada tant amb p\u00e8rdua com sense. La seva versatilitat i efici\u00e8ncia <strong>el converteixen en una elecci\u00f3 indiscutible<\/strong> per optimitzar l&#8217;experi\u00e8ncia visual a la web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El format <strong>JPEG \u00e9s excel\u00b7lent per a fotografies amb una \u00e0mplia gamma de colors<\/strong>, mentre que PNG \u00e9s m\u00e9s adequat per a imatges amb fons transparents i gr\u00e0fics amb colors s\u00f2lids.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D&#8217;altra banda, GIF s&#8217;utilitza principalment per a imatges animades. No obstant aix\u00f2, si busques un format que ofereixi una <strong>alta compressi\u00f3 sense p\u00e8rdua de qualitat<\/strong>, WebP i AVIF s\u00f3n excel\u00b7lents opcions a considerar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resolucio_i_dimensions_adequades\"><\/span>Resoluci\u00f3 i dimensions adequades:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A m\u00e9s de la compressi\u00f3 i el format, <strong>\u00e9s important considerar la resoluci\u00f3 i les dimensions de les imatges.<\/strong> Utilitzar imatges amb resolucions m\u00e9s altes del necessari, nom\u00e9s augmentar\u00e0 la mida dels fitxers i alentir\u00e0 la c\u00e0rrega del lloc.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>\u00c9s recomanable ajustar les dimensions de les imatges a les mides requerides a la p\u00e0gina. Si una imatge es mostrar\u00e0 en un quadre de 400&#215;300 p\u00edxels, no t\u00e9 sentit carregar-la amb una resoluci\u00f3 de 1920&#215;1080 p\u00edxels. <\/em><\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Assegurar-se que les <strong>imatges siguin prou grans<\/strong> per a una visualitzaci\u00f3 n\u00edtida, per\u00f2 sense excedir les dimensions requerides, \u00e9s una pr\u00e0ctica essencial per a una bona optimitzaci\u00f3 web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_millors_eines_per_optimitzar_imatges\"><\/span>Les millors eines per optimitzar imatges<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quan es tracta d&#8217;optimitzar imatges per a web, comptar amb les eines adequades pot marcar la difer\u00e8ncia en la qualitat i l&#8217;efici\u00e8ncia del proc\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed us presento una llista de les <strong>millors eines disponibles<\/strong> que us ajudaran a comprimir, redimensionar i millorar les vostres imatges de manera efectiva:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"TinyPNG\"><\/span><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TinyPNG<\/a>:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9s una eina en l\u00ednia popular que permet <strong>comprimir imatges PNG i JPEG<\/strong> sense perdre qualitat.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"654\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Tinify-Editor-de-fotografias-en-varios-formatos-1024x654.png\" alt=\"Tinify - Editor de fotografies en diversos formats\" class=\"wp-image-16890\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Tinify-Editor-de-fotografias-en-varios-formatos-1024x654.png 1024w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Tinify-Editor-de-fotografias-en-varios-formatos-300x192.png 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Tinify-Editor-de-fotografias-en-varios-formatos-768x491.png 768w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Tinify-Editor-de-fotografias-en-varios-formatos.png 1373w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Utilitza un <strong>algorisme intel\u00b7ligent de compressi\u00f3<\/strong> per reduir significativament la mida del fitxer sense afectar la qualitat visual. A m\u00e9s, ofereix l&#8217;opci\u00f3 de processar imatges en lots, el que \u00e9s ideal per optimitzar diverses imatges al mateix temps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Compressorio\"><\/span>Compressor.io:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una altra excel\u00b7lent opci\u00f3 per a <strong>comprimir imatges sense p\u00e8rdua de qualitat<\/strong>. Suporta una varietat de formats, incloent-hi JPEG, PNG, GIF i SVG.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Compresso.io-Compresor-de-imagenes-1024x711.png\" alt=\"Compressor - Comprimir imatges sense p\u00e8rdua de qualitat\" class=\"wp-image-16892\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Compresso.io-Compresor-de-imagenes-1024x711.png 1024w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Compresso.io-Compresor-de-imagenes-300x208.png 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Compresso.io-Compresor-de-imagenes-768x533.png 768w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Compresso.io-Compresor-de-imagenes.png 1282w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">A m\u00e9s de la versi\u00f3 en l\u00ednia, tamb\u00e9 ofereix una versi\u00f3 descarregable per utilitzar-la sense connexi\u00f3, cosa que pot ser \u00fatil si necessites comprimir imatges de forma freq\u00fcent.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mes_eines_per_optimitzar_imatges_per_a_web\"><\/span>M\u00e9s eines per optimitzar imatges per a web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"ImageOptim\"><\/span>ImageOptim:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aquesta \u00e9s una eina de codi obert que est\u00e0 <strong>disponible per a usuaris de Mac<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Image-Optim-1024x494.png\" alt=\"Image Optim para Mac\" class=\"wp-image-16878\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Image-Optim-1024x494.png 1024w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Image-Optim-300x145.png 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Image-Optim-768x371.png 768w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Image-Optim-1536x741.png 1536w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Image-Optim.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">S&#8217;especialitza en <strong>optimitzaci\u00f3 d&#8217;imatges JPEG, PNG i GIF<\/strong>, i pot reduir la mida dels fitxers sense afectar-ne la qualitat. \u00c9s f\u00e0cil d&#8217;utilitzar i compta amb una interf\u00edcie simple que facilita el proc\u00e9s d&#8217;optimitzaci\u00f3.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Squoosh\"><\/span>Squoosh:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9s una <strong>eina desenvolupada per Google<\/strong> que ofereix una interf\u00edcie amigable i permet ajustar la compressi\u00f3 i visualitzar els canvis en temps real.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"723\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Squoosh-para-optimizar-imagenes-en-movimiento.png\" alt=\"Squoosh permet optimitzar imatges en moviment.\" class=\"wp-image-16880\" style=\"width:393px;height:507px\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Squoosh-para-optimizar-imagenes-en-movimiento.png 560w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Squoosh-para-optimizar-imagenes-en-movimiento-232x300.png 232w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">\u00c9s perfecta per a aquells que volen tenir m\u00e9s control sobre la compressi\u00f3 de les seves imatges. A m\u00e9s, <strong>Squoosh permet treballar sense connexi\u00f3, cosa que \u00e9s \u00fatil quan es necessita optimitzar imatges en moviment.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FotoJet\"><\/span>FotoJet:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9s un servei en l\u00ednia tot en un que ofereix una <strong>\u00e0mplia gamma de funcions d&#8217;edici\u00f3 d&#8217;imatges<\/strong>, incloent-hi l&#8217;optimitzaci\u00f3.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/FotoJet-Editor-de-imagenes-1024x463.png\" alt=\"FotoJet editor d'imatges\" class=\"wp-image-16884\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/FotoJet-Editor-de-imagenes-1024x463.png 1024w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/FotoJet-Editor-de-imagenes-300x136.png 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/FotoJet-Editor-de-imagenes-768x347.png 768w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/FotoJet-Editor-de-imagenes-1536x694.png 1536w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/FotoJet-Editor-de-imagenes.png 1692w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Permet <em>redimensionar, retallar i comprimir imatges en diversos formats<\/em>, cosa que la converteix en una opci\u00f3 vers\u00e0til per a aquells que tamb\u00e9 busquen editar les imatges abans d&#8217;optimitzar-la.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Krakenio\"><\/span>Kraken.io:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/kraken.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kraken.io <\/a>\u00e9s una plataforma de <strong>compressi\u00f3 d&#8217;imatges<\/strong> que proporciona una varietat d&#8217;opcions d&#8217;optimitzaci\u00f3 per adaptar-se a les necessitats espec\u00edfiques.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Kraken.io-Optimizador-de-imagenes-1024x609.png\" alt=\"Plataforma de compressi\u00f3 d'imatges\" class=\"wp-image-16886\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Kraken.io-Optimizador-de-imagenes-1024x609.png 1024w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Kraken.io-Optimizador-de-imagenes-300x178.png 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Kraken.io-Optimizador-de-imagenes-768x457.png 768w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Kraken.io-Optimizador-de-imagenes.png 1395w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">A m\u00e9s de comprimir imatges en lot, tamb\u00e9 proporciona una funci\u00f3 d&#8217;optimitzaci\u00f3 per a imatges responsives, cosa que \u00e9s essencial per a llocs web adaptats a dispositius m\u00f2bils.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adobe_Photoshop\"><\/span>Adobe Photoshop:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si el que busques \u00e9s una soluci\u00f3 m\u00e9s completa i potent, Adobe Photoshop \u00e9s una opci\u00f3 l\u00edder a la ind\u00fastria per a l&#8217;edici\u00f3 i optimitzaci\u00f3 d&#8217;imatges.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Adobe-Photoshop-1024x482.png\" alt=\"Adobe Photoshop, edici\u00f3 i optimitzaci\u00f3 d'imatges\" class=\"wp-image-16888\" srcset=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Adobe-Photoshop-1024x482.png 1024w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Adobe-Photoshop-300x141.png 300w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Adobe-Photoshop-768x362.png 768w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Adobe-Photoshop-1536x724.png 1536w, https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Adobe-Photoshop.png 1592w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">A trav\u00e9s de les seves funcions avan\u00e7ades, pots ajustar la qualitat i la compressi\u00f3 de les teves imatges de manera m\u00e9s precisa, encara que <strong>pot requerir una mica m\u00e9s de coneixement i habilitats<\/strong> per utilitzar-la eficientment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusio_sobre_com_optimitzar_imatges_per_a_web\"><\/span>Conclusi\u00f3 sobre com optimitzar imatges per a web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Amb aquestes eines a la teva disposici\u00f3, podr\u00e0s comprimir, redimensionar i millorar les imatges de manera eficient i efectiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sigui que tri\u00efs una eina online, descarregable o un programari m\u00e9s avan\u00e7at, assegura&#8217;t de fer-ne \u00fas per millorar l&#8217;experi\u00e8ncia de l&#8217;usuari i potenciar l&#8217;\u00e8xit de la teva p\u00e0gina web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A l&#8217;actual entorn digital, optimitzar imatges per a web s&#8217;ha convertit en un factor essencial, juntament amb la velocitat i el rendiment d&#8217;un lloc web, per oferir una experi\u00e8ncia excepcional a l&#8217;usuari. Avui volem explorar detalladament com optimitzar imatges per a web, i com aquesta pr\u00e0ctica pot tenir un impacte significatiu en els temps de&#8230;<\/p>\n","protected":false},"author":1,"featured_media":16883,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jet_geo_exclude_from_ai_visibility":false,"footnotes":""},"categories":[70],"tags":[],"class_list":["post-17271","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Optimitzar imatges per a web: millora la velocitat i el rendiment<\/title>\n<meta name=\"description\" content=\"Consells i eines online per comprimir i optimitzar imatges per a web. Aconsegueix millorar la velocitat del teu lloc web sense perdre qualitat\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimitzar imatges per a web: millora la velocitat i el rendiment\" \/>\n<meta property=\"og:description\" content=\"Consells i eines online per comprimir i optimitzar imatges per a web. Aconsegueix millorar la velocitat del teu lloc web sense perdre qualitat\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/\" \/>\n<meta property=\"og:site_name\" content=\"NEXTWEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/nextwebcat\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/nextwebcat\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-08T10:31:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-08T10:33:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"nextweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"nextweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/\"},\"author\":{\"name\":\"nextweb\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#\\\/schema\\\/person\\\/a07df40b2d5dde79df4ec6e4942495b8\"},\"headline\":\"Optimitzar imatges per a web: millora la velocitat i el rendiment\",\"datePublished\":\"2024-02-08T10:31:37+00:00\",\"dateModified\":\"2024-02-08T10:33:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/\"},\"wordCount\":1288,\"publisher\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.nextweb.cat\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg\",\"articleSection\":[\"Consejos\"],\"inLanguage\":\"ca-ES\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/\",\"url\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/\",\"name\":\"Optimitzar imatges per a web: millora la velocitat i el rendiment\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.nextweb.cat\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg\",\"datePublished\":\"2024-02-08T10:31:37+00:00\",\"dateModified\":\"2024-02-08T10:33:10+00:00\",\"description\":\"Consells i eines online per comprimir i optimitzar imatges per a web. Aconsegueix millorar la velocitat del teu lloc web sense perdre qualitat\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/#breadcrumb\"},\"inLanguage\":\"ca-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca-ES\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.nextweb.cat\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg\",\"contentUrl\":\"https:\\\/\\\/www.nextweb.cat\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg\",\"width\":900,\"height\":600,\"caption\":\"Optimizar im\u00e1genes para web: mejora la velocidad y el rendimiento\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/2024\\\/02\\\/08\\\/optimitzar-imatges-per-a-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimitzar imatges per a web: millora la velocitat i el rendiment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/\",\"name\":\"NEXTWEB\",\"description\":\"Agencia Dise&ntilde;o Web y Marketing Digital en Barcelona\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#organization\",\"name\":\"NEXTWEB\",\"url\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca-ES\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.nextweb.cat\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/nextweb-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.nextweb.cat\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/nextweb-logo.png\",\"width\":106,\"height\":50,\"caption\":\"NEXTWEB\"},\"image\":{\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/nextwebcat\\\/\",\"https:\\\/\\\/www.instagram.com\\\/nextweb.cat\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/nextweb.cat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.nextweb.cat\\\/ca\\\/#\\\/schema\\\/person\\\/a07df40b2d5dde79df4ec6e4942495b8\",\"name\":\"nextweb\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/nextwebcat\\\/\",\"https:\\\/\\\/www.instagram.com\\\/nextweb.cat\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/nextweb.cat\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimitzar imatges per a web: millora la velocitat i el rendiment","description":"Consells i eines online per comprimir i optimitzar imatges per a web. Aconsegueix millorar la velocitat del teu lloc web sense perdre qualitat","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:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/","og_locale":"ca_ES","og_type":"article","og_title":"Optimitzar imatges per a web: millora la velocitat i el rendiment","og_description":"Consells i eines online per comprimir i optimitzar imatges per a web. Aconsegueix millorar la velocitat del teu lloc web sense perdre qualitat","og_url":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/","og_site_name":"NEXTWEB","article_publisher":"https:\/\/www.facebook.com\/nextwebcat\/","article_author":"https:\/\/www.facebook.com\/nextwebcat\/","article_published_time":"2024-02-08T10:31:37+00:00","article_modified_time":"2024-02-08T10:33:10+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg","type":"image\/jpeg"}],"author":"nextweb","twitter_misc":{"Written by":"nextweb","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#article","isPartOf":{"@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/"},"author":{"name":"nextweb","@id":"https:\/\/www.nextweb.cat\/ca\/#\/schema\/person\/a07df40b2d5dde79df4ec6e4942495b8"},"headline":"Optimitzar imatges per a web: millora la velocitat i el rendiment","datePublished":"2024-02-08T10:31:37+00:00","dateModified":"2024-02-08T10:33:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/"},"wordCount":1288,"publisher":{"@id":"https:\/\/www.nextweb.cat\/ca\/#organization"},"image":{"@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg","articleSection":["Consejos"],"inLanguage":"ca-ES"},{"@type":"WebPage","@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/","url":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/","name":"Optimitzar imatges per a web: millora la velocitat i el rendiment","isPartOf":{"@id":"https:\/\/www.nextweb.cat\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#primaryimage"},"image":{"@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg","datePublished":"2024-02-08T10:31:37+00:00","dateModified":"2024-02-08T10:33:10+00:00","description":"Consells i eines online per comprimir i optimitzar imatges per a web. Aconsegueix millorar la velocitat del teu lloc web sense perdre qualitat","breadcrumb":{"@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#breadcrumb"},"inLanguage":"ca-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/"]}]},{"@type":"ImageObject","inLanguage":"ca-ES","@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#primaryimage","url":"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg","contentUrl":"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2023\/10\/Optimizar-imagenes-para-web-Mejora-la-velocidad-y-el-rendimiento.jpg","width":900,"height":600,"caption":"Optimizar im\u00e1genes para web: mejora la velocidad y el rendimiento"},{"@type":"BreadcrumbList","@id":"https:\/\/www.nextweb.cat\/ca\/2024\/02\/08\/optimitzar-imatges-per-a-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.nextweb.cat\/ca\/"},{"@type":"ListItem","position":2,"name":"Optimitzar imatges per a web: millora la velocitat i el rendiment"}]},{"@type":"WebSite","@id":"https:\/\/www.nextweb.cat\/ca\/#website","url":"https:\/\/www.nextweb.cat\/ca\/","name":"NEXTWEB","description":"Agencia Dise&ntilde;o Web y Marketing Digital en Barcelona","publisher":{"@id":"https:\/\/www.nextweb.cat\/ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nextweb.cat\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca-ES"},{"@type":"Organization","@id":"https:\/\/www.nextweb.cat\/ca\/#organization","name":"NEXTWEB","url":"https:\/\/www.nextweb.cat\/ca\/","logo":{"@type":"ImageObject","inLanguage":"ca-ES","@id":"https:\/\/www.nextweb.cat\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2017\/02\/nextweb-logo.png","contentUrl":"https:\/\/www.nextweb.cat\/wp-content\/uploads\/2017\/02\/nextweb-logo.png","width":106,"height":50,"caption":"NEXTWEB"},"image":{"@id":"https:\/\/www.nextweb.cat\/ca\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/nextwebcat\/","https:\/\/www.instagram.com\/nextweb.cat\/","https:\/\/www.linkedin.com\/company\/nextweb.cat\/"]},{"@type":"Person","@id":"https:\/\/www.nextweb.cat\/ca\/#\/schema\/person\/a07df40b2d5dde79df4ec6e4942495b8","name":"nextweb","sameAs":["https:\/\/www.facebook.com\/nextwebcat\/","https:\/\/www.instagram.com\/nextweb.cat\/","https:\/\/www.linkedin.com\/company\/nextweb.cat\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/posts\/17271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/comments?post=17271"}],"version-history":[{"count":2,"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/posts\/17271\/revisions"}],"predecessor-version":[{"id":17290,"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/posts\/17271\/revisions\/17290"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/media\/16883"}],"wp:attachment":[{"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/media?parent=17271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/categories?post=17271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nextweb.cat\/ca\/wp-json\/wp\/v2\/tags?post=17271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}