{"id":225,"date":"2018-01-19T11:39:43","date_gmt":"2018-01-19T11:39:43","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=225"},"modified":"2018-01-19T13:20:04","modified_gmt":"2018-01-19T13:20:04","slug":"4-3-5-png","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/4-3-5-png\/","title":{"rendered":"4.3.5. PNG"},"content":{"rendered":"<p>Encara que <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"PNG s\u00f3n les sigles de <em>Portable Network Graphics<\/em>, o gr\u00e0fics de xarxa port\u00e0tils.\" data-placement=\"top\" data-html=\"true\" ><strong>PNG<\/strong><\/a> \u00e9s un format ja aprovat en 1996, solament en els \u00faltims anys ha rebut suficient atenci\u00f3. El podr\u00edem considerar com el successor del GIF per a crear imatges per a la xarxa.<\/p>\n<div class=\"featured featured-blue\"><p>Igual que GIF, PNG \u00e9s un sistema de compressi\u00f3 sense p\u00e8rdua, amb una paleta de colors indexats.<\/p>\n<\/div>\n<p>Hi ha dues opcions:<\/p>\n<ul>\n<li><strong>PNG-8<\/strong> amb una paleta de 256 colors<\/li>\n<li><strong>PNG-24<\/strong>, que, igual que JPEG, permet treballar amb 16 milions de colors.<\/li>\n<\/ul>\n<p>En ser m\u00e9s modern que GIF, genera arxius amb menys bytes. Tamb\u00e9 permet treballar con transpar\u00e8ncies sense problemes.<\/p>\n<p>En la seva versi\u00f3 APNG (<em>animated PNG<\/em>, o PNG animat) permet crear animacions, per\u00f2 \u00e9s un format no tan est\u00e8s com GIF.<\/p>\n<h4><strong>Quan cal usar PNG?<\/strong><\/h4>\n<p>PNG pot substituir un GIF sense problemes a l\u2019hora de generar esquemes o logotips, amb millor qualitat, millor tractament de transpar\u00e8ncies i menor grand\u00e0ria.<\/p>\n<p>Igual que GIF, el PNG-8 no es recomana per a imatges amb molt colorit, ja que redueix la paleta a 256 colors.<\/p>\n<p>Com que PNG-24 \u00e9s capa\u00e7 d\u2019oferir milions de colors com a JPEG per\u00f2 sense p\u00e8rdua d\u2019informaci\u00f3, \u00e9s f\u00e0cil sentir la temptaci\u00f3 d\u2019utilitzar aquest format en lloc de JPEG per a pujar fotografies a la web. Per\u00f2 aix\u00f2 no \u00e9s tan bona idea en realitat. Un PNG-24 d\u2019una fotografia pot arribar a ser fins a cinc vegades m\u00e9s pesant que un JPEG, sense que un pugui veure grans difer\u00e8ncies entre la versi\u00f3 en PNG-24 i el JPEG. Encara que tamb\u00e9 pot crear animacions, \u00e9s m\u00e9s segur crear animacions amb GIF, ja que t\u00e9 m\u00e9s eines per a crear petites animacions i el resultat \u00e9s m\u00e9s compatible.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Encara que \u00e9s un format ja aprovat en 1996, solament en els \u00faltims anys ha rebut suficient atenci\u00f3. El podr\u00edem considerar com el successor del GIF per a crear imatges per a la xarxa. Hi ha dues opcions: PNG-8 amb una paleta de 256 colors PNG-24, que, igual que JPEG, permet treballar amb 16 milions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/225"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":3,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/225\/revisions"}],"predecessor-version":[{"id":300,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/225\/revisions\/300"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/media?parent=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}