¿Cuándo usar gif?
El formato gif es ideal para imágenes muy simples: trazos de líneas, dibujos y textos en blanco y negro o con pocos colores. También es el único formato de los 3 que permite animaciones. Y es ampliamente soportado en los browsers.
¿Cuándo usar png?
Se usa para el mismo tipo de imágenes que los gif, con dos grandes desventajas. La primera es que no permite animaciones y la segunda es que sus características no son totalmente soportadas por todos los browsers (por ahora), especialmente en las antiguas versiones de los mismos.*
Su gran ventaja es que reduce el tamaño de las imágenes entre un 5% y 25% más que los gif. No debemos dudar que en un futuro cercano sea ampliamente soportado por las nuevas versiones de los browsers.
*nota: Principalmente tiene problemas con el IE6 e inferiores con el canal alpha de las imágenes, en otras palabras con imágenes que usan transparencias. Las versiones posteriores solucionaron el problema de las transparencias aunque aun persisten otros conflictos.
Para la Web, PNG tiene realmente tres ventajas principales sobre GIF:
* canales alfa (transparencia variable). Transparencia deal para imágenes complejas.
* corrección gamma entre plataformas (control del brillo de la imagen) y corrección del color.
* entrelazado de dos dimensiones (un método de exposición progresiva).
¿Cuándo usar jpg/jpeg?
Es ideal para fotografías, es decir imágenes con muchísimos colores y pixels. No se les vaya a ocurrir usarlo con imágenes simples porque perderían claridad y nitidez.
¿Cuál formato usar para guardar capturas de pantalla (screenshot)?
Cuando uno hace una captura, lo más conveniente podría ser el formato jpg, a menos claro que la captura sea de una imagen muy simple. De ser simple, habría que escoger entre un gif o png según lo dicho anteriormente.
¿Qué usa Taringa?
Taringa en este momento esta usando una combinación variada de .gif y .png sobre sus iconos. El encabezado es un gif, sin embargo el famoso logo de "Taringa!" es un png. Lo más destacado es que Taringa para que sea bien visto incluso en navegadores antiguos lleva un Javascript para que el navegador IE6 soporte las transparencias de los png.
Convertir entre formatos
Las conversiones más comunes serían de bmp o cualquier otro formato a gif, png o jpg/jpeg que son formatos de internet. Ahora, también podríamos convertir desde gif a png.
Para convertir se puede usar el método tradicional abriendo una imagen desde un editor de imágenes y guardarlo con otro formato. Pero también se puede convertir imágenes en línea con esta herramienta Media Convert Converter.
Test de compresión:
Navegando un poco fui a dar de casualidad con la prueba que realizo Eric Puidokas en donde comparo los resultados en base a la compresión que cada formato realiza sobre la imagen, los tres formatos por los cuales se realizo esta prueba fueron:
* PNG – 8bit, guardado con Photoshop CS3; opción -> ‘Save for web’
* GIF – guardado con Photoshop CS3; opción -> ‘Save for web’
* PNG (OptiPNG) – 8bit, utilizando PNGpong
Y las dimensiones de las imágenes de esta prueba fueron: 4×4, 256×256, 384×384 and 512×512, todas guardadas al 100% de transparencia. Los resultados son bastante curiosos:
El resultado del test es interesante, la compresión de los archivos .GIF fue mejor cuando las imágenes tenían una dimensión pequeña, esto se debe a que los PNG en su estructura cuentan con un encabezado muy grande, ahora bien, pasado cierto tamaño que según, estima el autor ronda los 220×220, la compresión del PNG es muy superior y por una diferencia casi abismal.
La respuesta a esta interrogante sobre que es mejor si el PNG o el GIF seria a mi entender, depende. También hay un borrador interesante en el W3* en donde se compara estos dos formatos y se concluye lo mismo, aunque también hacen hincapié que el PNG puede dar problemas con los navegadores muy viejos.
*nota: http://www.w3.org/QA/Tips/png-gif.
Conclusión:
Mi conclusión es que los tres formatos tienen sus ventajas y desventajas. Siempre estamos hablando desde un punto de vista de la web... por eso mencionamos estos tres formatos, son buenos compresores de imagenes porque tienen un exelente balance entre peso y calidad de imágen.
Yo uso el jpg para las fotografías o imágenes de igual complejidad, los gif para imagenes sencillas con o sin transparencias, y los png de forma mixta. Quizás "la batalla" esta entre el formato gif y el png, pero en definitiva el diseñador debera evaluar cual es más indicado para cada caso.
Fuente:
Imágenes gif vs png vs jpg/jpeg: http://tensaiweb.info/blog/imagenes-gif-vs-png-vs-jpgjpeg/
Compresión: GIF vs PNG: http://www.kabytes.com/programacion/compresion-gif-vs-png/
Y yo.
El formato gif es ideal para imágenes muy simples: trazos de líneas, dibujos y textos en blanco y negro o con pocos colores. También es el único formato de los 3 que permite animaciones. Y es ampliamente soportado en los browsers.
¿Cuándo usar png?
Se usa para el mismo tipo de imágenes que los gif, con dos grandes desventajas. La primera es que no permite animaciones y la segunda es que sus características no son totalmente soportadas por todos los browsers (por ahora), especialmente en las antiguas versiones de los mismos.*
Su gran ventaja es que reduce el tamaño de las imágenes entre un 5% y 25% más que los gif. No debemos dudar que en un futuro cercano sea ampliamente soportado por las nuevas versiones de los browsers.
*nota: Principalmente tiene problemas con el IE6 e inferiores con el canal alpha de las imágenes, en otras palabras con imágenes que usan transparencias. Las versiones posteriores solucionaron el problema de las transparencias aunque aun persisten otros conflictos.
Para la Web, PNG tiene realmente tres ventajas principales sobre GIF:
* canales alfa (transparencia variable). Transparencia deal para imágenes complejas.
* corrección gamma entre plataformas (control del brillo de la imagen) y corrección del color.
* entrelazado de dos dimensiones (un método de exposición progresiva).
¿Cuándo usar jpg/jpeg?
Es ideal para fotografías, es decir imágenes con muchísimos colores y pixels. No se les vaya a ocurrir usarlo con imágenes simples porque perderían claridad y nitidez.
¿Cuál formato usar para guardar capturas de pantalla (screenshot)?
Cuando uno hace una captura, lo más conveniente podría ser el formato jpg, a menos claro que la captura sea de una imagen muy simple. De ser simple, habría que escoger entre un gif o png según lo dicho anteriormente.
¿Qué usa Taringa?
Taringa en este momento esta usando una combinación variada de .gif y .png sobre sus iconos. El encabezado es un gif, sin embargo el famoso logo de "Taringa!" es un png. Lo más destacado es que Taringa para que sea bien visto incluso en navegadores antiguos lleva un Javascript para que el navegador IE6 soporte las transparencias de los png.
Convertir entre formatos
Las conversiones más comunes serían de bmp o cualquier otro formato a gif, png o jpg/jpeg que son formatos de internet. Ahora, también podríamos convertir desde gif a png.
Para convertir se puede usar el método tradicional abriendo una imagen desde un editor de imágenes y guardarlo con otro formato. Pero también se puede convertir imágenes en línea con esta herramienta Media Convert Converter.
Test de compresión:
Navegando un poco fui a dar de casualidad con la prueba que realizo Eric Puidokas en donde comparo los resultados en base a la compresión que cada formato realiza sobre la imagen, los tres formatos por los cuales se realizo esta prueba fueron:
* PNG – 8bit, guardado con Photoshop CS3; opción -> ‘Save for web’
* GIF – guardado con Photoshop CS3; opción -> ‘Save for web’
* PNG (OptiPNG) – 8bit, utilizando PNGpong
Y las dimensiones de las imágenes de esta prueba fueron: 4×4, 256×256, 384×384 and 512×512, todas guardadas al 100% de transparencia. Los resultados son bastante curiosos:
El resultado del test es interesante, la compresión de los archivos .GIF fue mejor cuando las imágenes tenían una dimensión pequeña, esto se debe a que los PNG en su estructura cuentan con un encabezado muy grande, ahora bien, pasado cierto tamaño que según, estima el autor ronda los 220×220, la compresión del PNG es muy superior y por una diferencia casi abismal.
La respuesta a esta interrogante sobre que es mejor si el PNG o el GIF seria a mi entender, depende. También hay un borrador interesante en el W3* en donde se compara estos dos formatos y se concluye lo mismo, aunque también hacen hincapié que el PNG puede dar problemas con los navegadores muy viejos.
*nota: http://www.w3.org/QA/Tips/png-gif.
Conclusión:
Mi conclusión es que los tres formatos tienen sus ventajas y desventajas. Siempre estamos hablando desde un punto de vista de la web... por eso mencionamos estos tres formatos, son buenos compresores de imagenes porque tienen un exelente balance entre peso y calidad de imágen.
Yo uso el jpg para las fotografías o imágenes de igual complejidad, los gif para imagenes sencillas con o sin transparencias, y los png de forma mixta. Quizás "la batalla" esta entre el formato gif y el png, pero en definitiva el diseñador debera evaluar cual es más indicado para cada caso.
Fuente:
Imágenes gif vs png vs jpg/jpeg: http://tensaiweb.info/blog/imagenes-gif-vs-png-vs-jpgjpeg/
Compresión: GIF vs PNG: http://www.kabytes.com/programacion/compresion-gif-vs-png/
Y yo.