Está en la página 1de 9

El artculo de hoy es un poco largo, denso y completo, pero es que

aqu encontraris toda la informacin que podis necesitar sobre


los diferentes tipos de archivos y formatos que se utilizan en el
diseo grfico.
Siempre que usamos un editor de imgenes, no slo Photoshop, cualquiera
nos vale, nos da diferentes opciones a la hora de guardar nuestros archivos.
Incluso los editores ms sencillos como el Paint de Microsoft nos permitirn
escoger entre varios tipos de imagen al pulsar la opcin guardar como.
De dnde salen todos estos tipos de archivo?Cul es mejor o nos
conviene ms?Tiene sentido usar una opcin que no sea JPEG?
Tratar de responder a estas preguntas realizando un recorrido por los
principales tipos de imagen y los usos para los que fueron creados.

Mapa de bits frente a imagen vectorial.


Existen dos tipos de imgenes digitales: las imgenes basadas en mapas de
bits y las imgenes vectoriales. La mayora de las imgenes digitales que
encontraremos cotidianamente, entre ellas todas las fotografas, dibujos e

ilustraciones que vemos en las pginas web, pertenecen al primer grupo, el


basado en mapas de bits. El nombre les viene debido a que sus archivos
contienen datos que establecen una distribucin de puntos de color
(pxeles) en una rejilla rectangular (cuyo tamao tambin determinan) a la
manera de un mapa. Un ordenador (con su software por defecto, sin instalar
nada especial) es capaz de leer estos datos devolviendo al usuario una
imagen en pantalla.
Las imgenes vectoriales estn basadas en relaciones
geomtricas(vectores, polgonos y curvas), y los ordenadores comunes no
son capaces de devolver una imagen con estos datos (con la excepcin del
formato SVG, del que hablaremos ms tarde). Necesitaremos un software
especial para poder verlas y editarlas (Adobe Illustrator, Freehand, etc):
son los conocidos como programas vectoriales. Otra opcin consiste en
rasterizar esa imagen con algn programa de edicin grfica como el
Photoshop, pero entonces la habremos convertido en un mapa de bits,
perdiendo las ventajas del formato vectorial. Estas ventajas consisten
fundamentalmente en que, como sus archivos establecen relaciones entre
formas geomtricas, a la hora de imprimir podemos usar las medidas que
queramos (incluso kilmetros si disponemos de papel suficiente). Las
imgenes de mapas de bits tienen un tamao concreto, que si
ampliamos ser a costa de perder resolucin y calidad en la
imagen. Si ampliamos demasiado se harn incluso visibles los puntos de
color que la conforman, crendose el tpico efecto de pixelado.
Por contra las imgenes vectoriales no pueden contener el nivel de detalle
de un mapa de bits al estar formadas por geometras (menos calidad en
degradados, sombras, texturas complejas, etc). As pues los usos de cada
tipo sern los siguientes:

Mapas de bits

Es el formato usado por todas las fotografas, as como los dibujos


naturalistas, sombreados, etc Las imgenes que muestran las pginas
web y los programas ms comunes son todas de este tipo. Se usan en
cualquier trabajo grfico, pero no puede excederse el tamao que
establezca su resolucin. Si queremos una imagen de este tipo ms grande,
har falta un archivo ms grande en kbs., llegando incluso a cientos de
megas en carteles de gran formato.

Imgenes vectoriales
se usan en diseo grfico para grandes soportes (carteles publicitarios,
etc) debido a que la medida en que las vayamos a imprimir no influye en
el tamao de sus archivos (que meramente recogen relaciones de tamao
entre los objetos que contienen). Tambin son muy tiles para el diseo de
logotipos y en el dibujo tcnico, pues los programas vectoriales incluyen
herramientas para dibujar, trazar y editar formas geomtricas de forma
sencilla o incluso manual (como es el caso de los manejadores que incluyen
las curvas Bzier).
Cada tipo de imagen posee a su vez diferentes formatos de archivo que han
ido desarrollndose con el tiempo, cada uno con diferentes funcionalidades.

Tipos o formatos de archivo de imagen.


A la hora de guardar un archivo de imagen desde un programa editor
podremos elegir entre muchos formatos, veamos a continuacin los ms
comunes y sus usos:
JPEG
(Joint Photographic Experts Group)
Archivo de mapa de bits. Con diferencia es el ms comn de los formatos
de imagen, y presenta la ventaja de que puede comprimirse bastante
(aunque a costa de la calidad de la imagen). Puede elegirse entre muchas
calidades diferentes, con archivos ms grandes a mayor calidad. Es el
formato que tienen la mayora de las imgenes que encontramos en
Internet (dado su pequeo tamao), y tambin es un formato habitual de
cara a la impresin. Sin embargo hay que tener cuidado pues cada vez que
editamos y volvamos a guardar un JPEG iremos perdiendo calidad en la
imagen (debido a que la iremos comprimiendo ms y ms). Es el formato
indicado para usar en Internet (a 72 pxeles/pulgada de resolucin).
TIFF
(Tagged Image File Format)
Archivo de mapa de bits. Es un formato tambin muy habitual,
especialmente en el mundo de la impresin de calidad (carteles, peridicos,
revistas, etc). Est indicado para ello debido a que el TIFF no pierde
calidad aunque editemos y volvamos a guardar la imagen, pues no realiza
compresin (aunque contamos con la opcin de hacerlo, pues posee un
formato de compresin propio llamado LZW, que no pierde calidad). As
pues con el TIFF no estropeamos la imagen al trabajarla, pero los archivos
son bastante ms grandes. Adems de ello, el TIFF es un formato que
admite canal alfa (ya veremos lo qu es eso).
BMP
(Windows Bitmap)

Archivo de mapa de bits. Es el formato propio del programa Paint de


Microsoft (viene de serie en los equipos con este sistema operativo, en
inicio/todos los programas/accesorios). Sus prestaciones son similares a las
del TIFF, ofrece buena calidad en las imgenes pero ocupando mucho
espacio en disco (archivos grandes). Es decir, que tampoco es muy til para
internet. Es menos popular que el TIFF.
GIF
(Graphics Interchange Format)
Archivo de mapa de bits. Este formato es antiguo y presenta bastantes
limitaciones, aunque sigue usndose para la funcin que se cre: Internet.
Slo soporta 256 colores, con lo que las imgenes muy ricas en color sufren
mucha prdida de calidad con este formato. Sin embargo admite animacin
(los famosos GIF animados). Es algo que sigue en uso debido a que la
mayora de los navegadores son capaces de mostrar las animaciones sin
instalar software adicional (gran ventaja frente a otras tcnicas). Adems de
ello admite transparencias en las imgenes (muy usado en las siluetas de
objetos, que de otra forma aparecen en un recuadro blanco). Otra
caracterstica es que tambin usa la compresin sin prdida LZW, igual que
el TIFF, con lo que ofrece buena calidad (en imgenes con poco colorido,
pues como decimos slo admite 256 colores).
Otra de las desventajas del GIF es que emplea un modo de color
denominado indexado, que no admite las posibilidades de edicin por
canales (RGB o CMYK) de otros formatos de imagen.
Los archivos GIF son sin embargo muy adecuados para colocarlos en
pginas web, si la imagen no tiene degradados o demasiada riqueza de
color o no nos importa perderla-. Esto es debido a que son archivos
pequeos, ocupando normalmente la mitad de espacio en disco que un
PNG.

PNG
(Portable Network Graphics)
Archivo de mapa de bits. El PNG surgi en buena medida para suplir las
carencias del GIF, cosa que hace con nota. Es capaz de usar modos de color
por canales (como el RGB), con lo que puede ser editado de forma integral.
Adems de ello no usa la compresin LZW, que tiene derechos de patente.
Y admite tambin fondos transparentes. De esta forma se est convirtiendo
en el formato ms usado en internet para siluetas y objetos con
transparencias. Tiene mucha ms calidad que el GIF, que slo soporta 256
colores, no teniendo el PNG limitacin en este sentido. Se comporta en
cuanto al color como un JPEG, pero a diferencia de ste no sufre prdida de
calidad en la compresin.
Esto es fundamental para las imgenes que contengan textos, que en
formato PNG se leen con mucha ms claridad. El texto que pongamos en un
JPEG para internet se ver difuminado, sobre todo si es pequeo, debido a
la prdida de calidad en la compresin (las imgenes de las pginas web
tienen una resolucin muy baja slo 72 pxeles/pulgada- y acusan por ello
ms todava la prdida). Con el PNG solucionamos este problema. Es por
tanto el formato que hay que usar en las imgenes con textos o
transparencias en Internet.
La nica pega del PNG radica en el tamao de sus archivos. Aunque usan
tambin un sistema de compresin, los archivos PNG suelen ser el doble de
grandes que los GIF. No extraa debido a que contienen mucha ms
informacin (canales, colores, etc). Habr por tanto que elegir entre
calidad y peso del archivo (PNG o GIF).
TARGA (TGA)
(Truevision TGA)
Este formato se usa habitualmente en imgenes con transparencias que
sern incluidas en vdeo. El formato TGA, igual que el TIFF, permite aadir
un canal alfa a las imgenes, que ser el que indique el grado de

transparencia de los restantes canales. En el canal alfa, lo negro


determinar las partes transparentes de la imagen, lo blanco las opacas, y
lo gris grados de translucidez en la misma. Es un poco complicado, pero
necesario para la transparencia en vdeo. Os enlazo a un sencillo tutorial en
el que puede verse cmo hacer un canal alfa.
Por lo dems el TGA es un formato de imagen creado por Truevision Inc.
para sus tarjetas grficas TARGA, de las primeras en soportar millones de
colores (Truecolor o color verdadero). Tambin posee un sistema de
compresin sin prdida, con lo que ofrece buena calidad. Sin embargo como
decimos se usa hoy en da sobre todo en vdeo.
RAW
Archivo de mapa de bits. Este formato tambin es conocido como en
bruto, debido a que es el archivo de imagen original de la cmara
fotogrfica sin ningn tipo de compresin o modificacin. Debido a ello
tiene un tamao enorme, con las limitaciones que esto supone. Sin
embargo es el formato que contiene ms informacin (de hecho, contiene
toda la informacin que captur la cmara fotogrfica). As pues es ideal
para iniciar el trabajo de edicin de nuestra fotografa, y conviene
conservarlo. Eso s, no todas las cmaras guardan las imgenes en formato
RAW (muchas las comprimen directamente a JPEG). Si guardamos en
formato RAW estaremos conservando absolutamente toda la informacin
que contenga nuestra fotografa o imagen.
EPS
(Encapsulated PostScript)
Archivo vectorial. Este formato es usado por las imgenes que realizamos
con programas como Illustrator o Freehand. Contiene informacin vectorial
y se usa para impresin. No puede por tanto visualizarse en los equipos que
no cuenten con un software especfico para ello (aunque algunos archivos
EPS cuentan con un pequeo TIFF de 8 bits para previsualizar su
contenido). Al ser una imagen vectorial no tiene problemas de resolucin y

puede ser impresa a cualquier tamao, aunque slo contendr geometras


(por muy complicadas que sean, nunca sern fotografas). Esto no quita que
el EPS pueda contener a su vez imgenes de mapa de bits incrustadas en
l, pero stas ya no son vectoriales y por tanto su resolucin ser limitada.
Adems de ello, estos archivos pueden abrirse con editores de imagen
como Photoshop, realizndose un proceso de rasterizacin. Al hacer esto
convertimos el archivo vectorial en un mapa de bits, con una resolucin
concreta (que le decimos al programa en ese momento). A partir de aqu
ser una imagen ordinaria como cualquier fotografa.
SVG
(Scalable Vector Graphics)
Archivo vectorial. SVG es el nico formato vectorial capaz de ser
interpretado por los navegadores web. Ha sido creado para ello, y poco a
poco se est implementando su uso en internet (cuenta con el apoyo del
W3C). Navegadores como Firefox, Chrome u Opera, en sus versiones
actuales, son capaces de mostrarlo (Internet Explorer precisa de un plug-in
para ello). Es por tanto la actual apuesta del diseo web por la ilustracin
vectorial.
Una gran ventaja de la implementacin de estos archivos es que nos
permitir tomar aquellos grficos SVG que cuenten con licencia de uso libre
(Creative Commons, etc) presentes en las pginas web y usarlos en
nuestros proyectos. Al ser un formato vectorial podremos reutilizarlo a
cualquier tamao (frente a las imgenes en formato mapa de bits de
internet, normalmente muy pequeas).
PSD
(PhotoShop Adobe)
Es el formato de los archivos del programa Photoshop de Adobe, y puede
contener diversas capas y todo tipo de efectos. No puede visualizarse sin
este programa y se usa para futuras ediciones del contenido.

Y esto ha sido todo. Espero que hayas conseguido llegar hasta aqu abajo
ya que si lo has hecho podrs decir que sabes todo lo necesario para
trabajar con los archivos adecuados a cada situacin
https://waarket.com/los-formatos-en-el-diseno-grafico/