Infografía: Cuando utilizar imágenes JPG, GIF o PNG

Los diseñadores que aun están egresando de la universidad o cursos sobre diseño muchas veces no se han dado a la tarea de investigar los tipos de herramientas o materiales con los que van a trabajar, y con investigar no me refiero a conocer sus nombres o haber escuchado al maestro mencionarlos, me refiero a conocer sus ventajas, sus contras y todos aquellos detalles que te permitan decidir cuando es el mejor momento para utilizarlos, y eso es algo que suceda tanto en diseño impreso, pintura, diseño digital y quizás en mayor medida diseño web puesto que la cantidad de alternativas por cada una de las herramientas es enorme.

La siguiente infografía habla de un tema que parecerá muy sencillo para muchos y quizás sin gran importancia pero la realidad es todo lo contrario, en mi caso en particular tengo mas de diez años dedicándome al diseño web y en varios ocasiones me he topado con la disyuntiva sobre que formato de imagen debería utilizar para conservar la calidad de la imagen pero a la vez optimizar su tamaño para que no afecte los tiempos de carga de la pagina.

La infografía titulada “Conoce tus formatos de archivos: Cuando utilizar JPEG, GIF & PNG” buscan apoyarnos en este tema específicamente, la infografía describe cada uno de los formatos y plantea algunos casos en los que se deberían utilizar para obtener mejores resultados.

  • Los archivos JPG o JPEG (es lo mismo) son los que ofrecen mejor calidad de imagen y mayor compresión de los archivos ‘sin perder’ calidad.
  • GIF es archivo de imagen especial para animaciones, pero no quiere decir que no puedas crear imágenes estáticas, si se puede, pero tiene una gran limitante de calidad pues su gama de colores esta limitada a un máximo de 256 colores, es decir que las sombras y los degradados simplemente no se verán nada bien.
  • PNG, el mejor y el preferido para diseño web, pues es un formato que permite transparencias de imágenes sin perdida de calidad, los programas de diseño te permiten guardar imágenes PNG en 8bits y 24bits, ambos con un amplio margen de conversión comparados con el BMP por ejemplo, pero no mejor que el JPG (que no acepta transparencias), los archivos PNG de 8bits a pesar de aceptar transparencias comparte el mismo problema que los GIF, su gama de colores es limitada aunque se optimiza mejor que los GIF, los archivos PNG de 24bits conservan la calidad intacta con un gran margen de compresión y permitiendo transparencias.

En el caso de los archivos PNG de 24bits a pesar de ser muy buenos para diseño web muchas veces pueden pesar mucho y no ser óptimos para una pagina web, pero existen herramientas que te permiten reducir el tamaño de tus archivos casi sin perder calidad, la perdida es minima, una es TinyPNG de la cual hablamos hace ya unas semanas pero se las recomiendo mucho.

 

when to you jpg gif png

comment ¿Que opinas?

Artículos recientes

close

LE Clitoris, un adorable documental animado sobre el clítoris (NSFW)

Le Clitoris es un gracioso y adorable documenta que nos explica la historia del único órgano humano dedicado al placer; este curioso vídeo que ha sido creado por Lori Malépart-Traversy ha sido premiado en diversos festivales; durante…

close

Schrodinger’s Wood, un ejemplo de ilusión óptica en el arte

Maskull Lasserre ha creado una genial escultura en madera que muestra un escenario un tanto imposible; y es que, esta obra de nombre Schrodinger’s Wood es una oda a los detalles que merece la pena apreciar….

close

Creativos accesorios de oficina para diseñadores y amantes de Pantone

Pantone se ha vuelto inmensamente grande en cuanto a publicidad directa e indirecta; esto es evidente cuando nos fijamos en la cantidad de productos, obras y diseños que ha inspirado. Desde fotografías, selecciones de colores…

close

Ilustraciones para reflexionar sobre los problemas de la sociedad

Quiero compartir con ustedes unas impactantes ilustraciones realizadas por un artista conocido en Facebook como “Al Margen“; la cuales, nos invitan a reflexionar sobre lo intrincado y vacío de los problemas actuales de la sociedad….

close

El Spinner de Google, la solución a tu estrés y sin gastar tu dinero

Con motivo de la creciente afición y moda de los Spinners para aliviar el estrés muchas empresas han sacado sus versiones de esta simple herramienta; razón por la cual, Google ha decidido no quedarse atrás…

close

play_circle_outline WoodSwimmer, fascinante stop motion hecho con cortes de madera

Brett Foxwell es un fotógrafo creativo que gusta de tomar fotografías en alta definición sobre objetos inanimados “en movimiento”; en esta ocasión presenta su nueva película en Stop Motion denominada WoodSwimmer, la cual, nos sumerge…

notifications Recién publicamos
close