{"id":287,"date":"2012-08-30T09:22:05","date_gmt":"2012-08-30T09:22:05","guid":{"rendered":"http:\/\/pablodelcerro.es\/blog\/?p=287"},"modified":"2014-10-07T09:27:00","modified_gmt":"2014-10-07T09:27:00","slug":"jpg-png-o-gif-que-formato-elegir-para-mi-web","status":"publish","type":"post","link":"http:\/\/pablodelcerro.es\/blog\/2012\/08\/30\/jpg-png-o-gif-que-formato-elegir-para-mi-web\/","title":{"rendered":".jpg, .png o .gif, \u00bfqu\u00e9 formato elegir para mi web?"},"content":{"rendered":"<p><a href=\"http:\/\/pablodelcerro.es\/blog\/wp-content\/uploads\/2014\/10\/jpggifpng.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-288\" src=\"http:\/\/pablodelcerro.es\/blog\/wp-content\/uploads\/2014\/10\/jpggifpng.jpg\" alt=\"jpggifpng\" width=\"299\" height=\"140\" \/><\/a>Considerando la velocidad de carga como un factor esencial en una p\u00e1gina web, ninguno de los elementos contenidos en la misma (no s\u00f3lo im\u00e1genes, tambi\u00e9n los .html, .css, .js, etc.) deber\u00eda pesar m\u00e1s de 25Kb, lo que nos obliga a comprimir al m\u00e1ximo cada elemento para hacerlo m\u00e1s \u00f3ptimo.<\/p>\n<p>Nuestra web no s\u00f3lo <strong>mejorar\u00e1 en la velocidad de carga<\/strong>, sino tambi\u00e9n en la <strong>experiencia de usuario<\/strong> y en el <strong>SEO<\/strong>. Entonces, \u00bfqu\u00e9 formato es m\u00e1s conveniente para cada aplicaci\u00f3n?<\/p>\n<h3>.JPG<\/h3>\n<p>Tiene la informaci\u00f3n de color que queramos darle con la calidad, nos dejar\u00e1 un \u00abruido\u00bb por el \u00abdefecto jpg\u00bb (omite informaci\u00f3n de color, para reduciendo calidad, reducir peso). <strong>Es conveniente tan s\u00f3lo para fotograf\u00edas a las que queramos reducir peso<\/strong>.<\/p>\n<h3>.GIF o .PNG-8<\/h3>\n<p>Comprime con colores indexados, por lo que si tenemos una imagen con pocos colores, o tintas planas. Permite una transparencia muy sencilla. <strong>Es conveniente para peque\u00f1os elementos que requieran un \u00e1rea transparente o para im\u00e1genes con pocos colores y s\u00f3lidos<\/strong>.<\/p>\n<h3>.PNG-24<\/h3>\n<p>El peso aumenta, pero permite transparencias m\u00e1s complejas que su hermano peque\u00f1o.<strong>Es conveniente para logotipos, vectores rasterizados, tintas planas con degradados o imagenes con distintos grados de transparencia<\/strong>.<\/p>\n<h3>Recuerda:<\/h3>\n<p>Cuando estemos en Photoshop o Illustrator, por ejemplo, no debemos olvidar que no hay que dar a \u00abguardar c\u00f3mo\u00bb, sino a \u00ab<strong>guardar para web y dispositivos<\/strong>\u00ab, que nos permitir\u00e1 una mayor compresi\u00f3n (omitiendo por ejemplo los metadatos) y podremos ver cu\u00e1ntos nos pesar\u00e1 el archivo final, lo que nos permitir\u00e1 comparar entre los distintos formatos. <strong>Para web nunca utilices .bmp o .tif<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Considerando la velocidad de carga como un factor esencial en una p\u00e1gina web, ninguno de los elementos contenidos en la misma (no s\u00f3lo im\u00e1genes, tambi\u00e9n los .html, .css, .js, etc.) deber\u00eda pesar m\u00e1s de 25Kb, lo que nos obliga a comprimir al m\u00e1ximo cada elemento para hacerlo m\u00e1s \u00f3ptimo. Nuestra web no s\u00f3lo mejorar\u00e1 en &hellip; <a href=\"http:\/\/pablodelcerro.es\/blog\/2012\/08\/30\/jpg-png-o-gif-que-formato-elegir-para-mi-web\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">.jpg, .png o .gif, \u00bfqu\u00e9 formato elegir para mi web?<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[175,174,176,173,172,168],"_links":{"self":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/posts\/287"}],"collection":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/comments?post=287"}],"version-history":[{"count":1,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/posts\/287\/revisions"}],"predecessor-version":[{"id":289,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/posts\/287\/revisions\/289"}],"wp:attachment":[{"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/media?parent=287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/categories?post=287"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/pablodelcerro.es\/blog\/wp-json\/wp\/v2\/tags?post=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}