TRABAJO CON

ILUSTRACIONES
Siempre usamos distintos tipos de archivos de imágenes, pero ¿sabes cuáles son sus
ventajas y desventajas? Los formatos de imagen son algo con lo que muchos estamos
familiarizados, pero raramente entendemos de verdad que significan las diferentes
extensiones que tienen esas fotos que guardamos en nuestro ordenador o en el móvil, o el
sin fin de imágenes que vemos y compartimos en la web. Veamos la diferencia entre PNG,
JPG y GIF.
Existen muchos tipos de archivos de imágenes disponibles, pero lo más posible es que te
hayas conseguido con algunos que suelen ser los más comunes: el JPG (también
conocido como JPEG), el PNG y el GIF. Todos tienen sus ventajas y desventajas, así que
hay conocerlos mejor nos permitirá decidir cuál es el que necesitamos usar en diferentes
escenarios.

JPEG
JPG es un tipo de archivo que fue desarrollado por el Joint Photographic Experts
Group (JPEG) para que fuese el estándar para las imágenes hechas por fotógrafos. Para
que el JPG tenga un tamaño reducido, el archivo comprime los datos de la imagen en
bloques de píxeles, también conocidos como “mosaico”. El problema con esta comprensión
es que es permanente porque se creó con la idea de guardar imágenes grandes en espacios
de almacenamiento pequeños.
JPG se ha convertido en el tipo de archivo de imágenes más usado en Internet porque
pueden ser comprimidas hasta 100 veces. Su popularidad comenzó cuando todavía se
usaba dial-up para navegar, ya que las conexiones eran tan lentas, que esta era l a única
opción.
Sin embargo, el JPG tiene sus problemas. No es el adecuado para ilustraciones, dibujos, ni
texto. Por ejemplo, si quieres guardar un archivo de imagen de una ilustración, lo más
posible es que se vea píxelada, incluso cuando esté configurad a para tener la mejor calidad.
Esto sucede porque el formato JPG está diseñado para la compresión y siempre va a reducir
la calidad.

.TIFF
El formato .TIFF (Tagged Image File Format) es el favorito a la hora de almacenar o
utilizar imágenes en altísima resolución y estupenda calidad, ya sea en la industria del
diseño o la publicidad.
Las aplicaciones en formato .TIFF, son compatibles con los programas de diseño más
avanzados, una
diferencia con respecto a otras “extensiones nativas” como el .PSD, asociado casi
exclusivamente a Photoshop.
.TIFF, es capaz de manejar imágenes y datos en un solo archivo, sin pérdidas de calidad
y con una excelente definición de color. Existen varios subtipos dentro del formato .TIFF,
relacionados con el uso que se le da en cada rubro.
GIF
GIF también es un tipo de archivo de imagen que tienen bastante tiempo siendo usado,
aunque fue casi olvidado por un tiempo, ha vuelto a ser muy popular recientemente. Sus
siglas significan Graphics Interchange Format.
La característica principal del GIF es que soporta paletas de 256 colores, y además de
que soporta animaciones y transparencias. Esto no creará una distorsión de la imagen,
como JPG, pero sí difuminará los colores bastante, haciendo que se vea ligeramente
píxelado. Sin embargo, en una imagen GIF no se pierden líneas rectas como las del texto,
como pasaría con un JPG.
Con todas estas ventajas y desventajas vemos porque los GIF son usados principalmente
para crear imágenes animadas, porque en estos casos no importa si se pierd e un poco de
color con tal de que se mantenga la animación en un archivo que no es demasiado pesado
y que no necesita un software adicional para ser reproducido (como es el caso de los
vídeos).

PNG
PNG significa Portable Network Graphics, aunque algunos también le llaman PNG-not_GIF.
Este segundo nombre indica que fue desarrollado como una alternativa al GIF. Este también
soporta transparencias, así que es muy bueno para usarlo en Internet y en navegadores. A
diferencia del GIF, maneja las transparencias co n más elegancia y sin perder color porque
soporta colores de 8-bits, y también de 24-bits, como JPG.
El PNG utiliza un algoritmo de compresión sin perdida, por lo que reconstruye los datos
de manera exacta a los originales. El problema con PNG es que si se tiene una imagen con
muchos colores y píxeles, obtendremos un archivo mucho más pesado que el JPG, por
lo que no se usa con tanta frecuencia en Internet.

.SVG
Un formato menos conocido popularmente es .SVG (Scalable Vector Graphics), un
formato estándar en el diseño web, que trabaja en XML describiendo imágenes tanto
estáticas como animadas. Aunque claro, la llegada del nuevo lenguaje HTML5 ha hecho
que poco a poco vaya muriendo.
Como cualquier imagen vectorial, su ventaja era ser totalmente escalable sin ningún tipo de
pérdida de calidad. Algo bastante útil a nivel web, donde nunca sabemos al momento de
diseñar y programar, cuál será la resolución utilizada por el visitante, pudiendo necesitarse
una imagen de gran tamaño para un buen monitor, o una muchísi mo más pequeña para
alguien que navega desde su móvil.

Conclusión
Después de saber cómo funciona cada tipo de archivo de imagen, veamos para qué
debemos usar cada una:

 GIF: perfecta para usar en archivos pequeños con colores limitados (escala
de grises, por ejemplo). Evitar su uso para fotografías.
 PNG: utilizar en gráficos, ilustraciones, y archivos pequeños en la web que
necesiten transparencias. Evitar en fotografías con muchos detalles que
necesiten ser subidas a la web porque serán demasiado pesadas.
 JPG: ideal para mostrar fotografías en la web sin ocupar mucho espacio en un
servidor. Terrible para edición de imágenes.

¿Cuál es la diferencia entre PNG, JPG y GIF?

La profundidad de color, el algoritmo de compresión y el soporte de transparencia.

PNG para todo

JPG sólo para almacenar un fichero final (usa compresión destructiva)
GIF sólo para web o cosas con poco color, como un logo