{"id":701,"date":"2018-01-30T08:40:35","date_gmt":"2018-01-30T08:40:35","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=701"},"modified":"2018-01-30T08:40:35","modified_gmt":"2018-01-30T08:40:35","slug":"4-3-5-png","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/4-3-5-png\/","title":{"rendered":"4.3.5. PNG"},"content":{"rendered":"<p>Aunque <a href=\"javascript:void(0);\" class=\"tooltip\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"PNG son las siglas de <em>portable network graphics<\/em>, o gr\u00e1ficos de red port\u00e1tiles.\" data-placement=\"top\" data-html=\"true\" ><strong>PNG<\/strong><\/a> es un formato ya aprobado en 1996, solo en los \u00faltimos a\u00f1os ha recibido suficiente atenci\u00f3n. Lo podr\u00edamos considerar como el sucesor del GIF para crear im\u00e1genes para la Red.<\/p>\n<div class=\"featured featured-blue\"><p>Al igual que GIF, PNG es un sistema de compresi\u00f3n sin p\u00e9rdida, con una paleta de colores indexados.<\/p>\n<\/div>\n<p>Hay dos opciones:<\/p>\n<ul>\n<li><strong>PNG-8<\/strong>, con una paleta de 256 colores.<\/li>\n<li><strong>PNG-24<\/strong> que, al igual que JPEG, permite trabajar con 16 millones de colores.<\/li>\n<\/ul>\n<p>Al ser m\u00e1s moderno que GIF, genera archivos con menos bytes. Tambi\u00e9n permite trabajar con transparencias sin problemas.<\/p>\n<p>En su versi\u00f3n APNG (<em>animated PNG<\/em>, o PNG animado) permite crear animaciones, pero no es un formato tan extendido como GIF.<\/p>\n<h4><strong>\u00bfCu\u00e1ndo hay que usar PNG?<\/strong><\/h4>\n<p>PNG puede sustituir un GIF sin problemas a la hora de generar esquemas o logotipos, con mejor calidad, mejor tratamiento de transparencias y menor tama\u00f1o.<\/p>\n<p>Al igual que GIF, el PNG-8 no se recomienda para im\u00e1genes con mucho colorido, ya que reduce la paleta a 256 colores.<\/p>\n<p>Dado que PNG-24 es capaz de ofrecer millones de colores como JPEG pero sin p\u00e9rdida de informaci\u00f3n, es f\u00e1cil sentir la tentaci\u00f3n de utilizar este formato en lugar de JPEG para subir fotograf\u00edas a la web. Pero esto no es tan buena idea, en realidad. Un PNG-24 de una fotograf\u00eda puede llegar a ser hasta cinco veces m\u00e1s pesado que un JPEG, sin que uno pueda ver grandes diferencias entre la versi\u00f3n en PNG-24 y el JPEG. Aunque tambi\u00e9n puede crear animaciones, es m\u00e1s seguro crear animaciones con GIF, puesto que tiene m\u00e1s herramientas para crear peque\u00f1as animaciones y el resultado es m\u00e1s compatible.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aunque es un formato ya aprobado en 1996, solo en los \u00faltimos a\u00f1os ha recibido suficiente atenci\u00f3n. Lo podr\u00edamos considerar como el sucesor del GIF para crear im\u00e1genes para la Red. Hay dos opciones: PNG-8, con una paleta de 256 colores. PNG-24 que, al igual que JPEG, permite trabajar con 16 millones de colores. Al [&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\/es\/wp-json\/wp\/v2\/pages\/701"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":1,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":702,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/701\/revisions\/702"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}