Cuándo y Dónde Usar los Formatos JPEG, GIF y PNG

Nuestro primer post del 2015, corresponde a la infografía de la semana, esperamos que este año sea de mucho éxito para todos.

Si estamos en el área de diseño gráfico, siempre llega la pregunta sobre las imágenes “¿Que diferencia hay entre JPG, GIF y PNG?” o “¿Porque debo usar JPG y no GIF?” en algún momento u otro esas preguntas siempre llegan a ti.

Y la respuesta mas sencilla es “una comprime mas que la otra”, pero lo cierto es que cada una tiene sus funciones para la cual ha sido creada: veamoslo!

Las imágenes digitales llenan nuestras bandejas de entradas y nos quitan mucho espacio de la memoria y algunas tardan en cargar ya sea en correos electrónicos o en los sitios web.

Las tres extensiones de imágenes pueden usarse en sitios web, pero unas son mas optimas que otras en ciertas situaciones y no se recomienda usarlas para web.

 JPEG

  • Puede ser extensión JPG o JPEG, significa “Joint Photographic Experts Group”.
  • Compatible con muchas plataformas (PC y Mac) y otros programas (navegadores web y editores de imágenes).
  • Reduce el tamaño al elegir esta extensión
  • 60% al 75% de la compresión es optimo para el uso de sitios web, lo que la convierte en una extensión optima para usarse en sitios web.
  • Se utiliza cuando el tamaño de la imagen es mas importante que la calidad de la imagen.
  • El ojo humano no logra detectar muy bien los detalles de color como oscuros y claros, y esto hace que algunos detalles de colores puedan sacrificarse en la compresión del mismo.
  • Puede mostrar millones de colores, 16-bit.
  • Es la extensión estándar para usarse en las cámaras digitales.

Los mejores usos:

  • Para uso de imágenes fijas.
  • Imágenes de mundo real como fotografías.
  • Imágenes de coloraciones complejas.
  • Sombreados de oscuros y claros.

GIF

  • Significa “Graphics Interchange Format”.
  • Se puede usar 256 colores.
  • Creado por CompuServe in 1987 para transferir imágenes rápidamente a través de conexiones lentas.
  • Se puede elegir un bit de transparencia un color podía ser transparente.
  • Se puede animar.
  • Si se usan menos colores pueden pesar menos que un JPG.

Los mejores usos:

  • Para uso de gráficos web con pocos colores.
  • Iconos pequeños.
  • Uso de animaciones.
  • Imágenes simples.

 PNG

  • Significa “Portable Network Graphics”.
  • Diseñado en los 1990’s incluye beneficios de los GIF y JPEG.
  • Al comprimirlos no pierden información.
  • Hay dos tipos de PNG: PNG-8 que es muy similar al GIF, se pueden usar 256 colores y 1 bit de transparencia y son mas pequeños que un GIF. También esta PNG-24, que es muy similar a un JPG, incluye 16 millones de colores, se comprime sin perdidas de colores.
  • Los archivos de PNG permiten transparencia en degradados.
  • Se puede usar un fondo con color o transparente.
  • Los navegadores viejos pueden tener problemas con los archivos de PNG.

 Los mejores usos:

  • Los logos usados en imágenes web, ocupan transparencia o degradados.
  • Imágenes puede estar en proceso de edición hasta tener su versión final.
  • Imágenes complejas como fotografías con tamaños muy grandes.

 Cual debo usar?

Descúbrelo en la infografía que te compartimos, donde aparece un tabla resumida de un comparativo de las 3 extensiones.

imagenes jpeg gif png

Infografía tomada de la fuente:

whoishostingthis.com/blog/2014/12/06/jpeg-gif-png/

DKSign Marketing Y Tecnología
Logo