Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
y Resolucin
ndice de contenido
Grfico Vectorial (Grficos Orientados a Objetos o Imgenes Matriciales)..............................................3!
Figuras geomtricas bsicas ..................................................................................................................4!
Operaciones vectoriales.........................................................................................................................5!
Principales aplicaciones ........................................................................................................................5!
Formatos y programas para grficos vectoriales...................................................................................6!
Impresin...............................................................................................................................................7!
Grfico Rasterizado (Pxeles) ....................................................................................................................8!
Colores ..................................................................................................................................................9!
Codificacin ..........................................................................................................................................9!
Principales aplicaciones ........................................................................................................................9!
Formatos y programas para grficos rasterizados .................................................................................9!
Resolucin................................................................................................................................................12!
Resolucin de Pantalla ........................................................................................................................12!
Resolucin en digitalizacin ...............................................................................................................13!
Resolucin de Impresin .....................................................................................................................13!
Resolucin de Trama o Semitono........................................................................................................13!
Imgenes de alta resolucin y baja resolucin ....................................................................................14!
Eleccin de la resolucin.....................................................................................................................15!
Conversin entre formatos raster - vectorial y viceversa.........................................................................17!
Diferencias entre vectores y pxeles.........................................................................................................17!
Existen dos tipos principales de imgenes digitales: los mapas de bits, en los que la imagen se crea
mediante una rejilla de puntos de diferentes colores y tonalidades, y los grficos vectoriales, en los que
la imagen se define por medio de diferentes funciones matemticas.
Todos los ordenadores actuales traducen los grficos vectoriales a grficos rasterizados para poder
representarlos en pantalla al estar sta constituida fsicamente por pxeles. Desde los inicios del
computador en 1950 hasta la dcada de los ochenta se usaba un sistema vectorial de generacin de
grficos diferente al actual. En este sistema caligrfico el rayo elctrico del tubo de rayo catdico de
la pantalla era guiado directamente para dibujar las formas necesarias, segmento de lnea por segmento
de lnea, quedando en negro el resto de la pantalla.
Este proceso se repeta a gran velocidad para alcanzar una imagen libre de intermitencias o muy
cercana a estar libre de ellas, esto, permita visualizar imgenes estticas y en movimiento de buena
resolucin (para esas fechas) sin usar la inimaginable cantidad de memoria que se hubiera necesitado
para conseguir la resolucin equivalente en un sistema de rasterizacin, permitiendo que la secuencia
de imgenes diese la sensacin de movimiento e incluso consiguiendo que titilaran modificando slo
algunas de las palabras del cdigo de la grfica en su respectivo display file. Estos monitores basados
en vectores tambin eran conocidos como monitores X-Y (X-Y displays).
Uno de los primeros usos de los vectores en el proceso de visualizacin fue el realizado por la Fuerza
Area de los Estados Unidos. El sistema de generacin de grficos mediante vectores se utiliz hasta
1999 en el control areo y probablemente an se siga usando en diversos sistemas militares. Ivan
Sutherland emple este mismo sistema en la TX-2 para ejecutar su programa Sketchpad en el MIT
Lincoln Laboratory en 1963.
Los subsiguientes sistemas de representacin grfica vectorial incluan la GT40 de Digital; existi una
consola llamada Vectrex que usaba grficos vectoriales para mostrar videojuegos como Asteroids y
Space Wars; y equipos como el Tektronix 4014, podan generar imgenes vectoriales dinmicas. El
trmino vector es usado comnmente en el contexto de grficos de dos dimensiones producidos por
computador.
Es uno de los muchos modos con los que un artista cuenta para crear una imagen con una
previsualizacin rasterizada. Otras formas de uso pueden ser en textos, en multimedia y en la creacin
de escenarios 3D. Prcticamente todos los programas de modelado en 3D usan tcnicas que generan
grficos vectoriales en 2D. Los plotters usados en dibujo tcnico siguen dibujando los vectores
directamente sobre el papel.
!
!
1
2
3
La elipse es el lugar geomtrico de los puntos del plano tales que la suma de las distancias
a dos puntos fijos llamados focos es constante.4
Curvas de Bzier: Se denomina curvas de Bzier a un sistema que se desarroll hacia los aos
1960, para el trazado de dibujos tcnicos, en el diseo aeronutico y de automviles. Su
denominacin es en honor a Pierre Bzier, quien ide un mtodo de descripcin matemtica de
las curvas que se comenz a utilizar con xito en los programas de CAD. 5
Bezigonos: En geometra, un bezigono, tambin llamado beziergono es un polgono cuyos lados
son curvas de Bzier en vez de lneas rectas.6
Texto (normalmente TrueType o FreeType u otra tipografa que utilice curvas de Bzier).
!
!
!
Frecuentemente a las imgenes bitmap (o rasterizadas) se las considera formatos algo primitivos,
desde un punto de vista conceptual, ya que su forma de almacenar la informacin en pxels no permite
la misma flexibilidad que se obtiene con una imagen vectorial. Sin embargo las imgenes bitmap
presentan ventajas en otras reas como la fotografa.
Operaciones vectoriales
!
Muchos generadores de grficos vectoriales permiten rotar, mover, reflejar, estirar, inclinar y
realizar finas transformaciones de los objetos, como combinar objetos primarios para formar
objetos ms complejos
Hay otro tipo de operaciones de un nivel ms sofisticado que incluye acciones sobre objetos
cerrados tales como: unir o soldar, combinar, intersectar y diferenciar.
Los grficos vectoriales son ideales para generar grficos que necesiten contener formas
independientes, bien sea para ampliar la imagen posteriormente, o por otras razones.
Principales aplicaciones
Las imgenes vectoriales se pueden hacer a travs de vectores de imgenes de software tales como
Adobe Illustrator, Corel Draw, Freehand de Macromedia e Insckape, entre otros. Tambin puede
escanear imgenes y grficos a continuacin, convertir a imgenes vectoriales mediante el uso de
software de la conversin de vectores, he aqu algunos ejemplos:
Este diseo debe figurar en las
tarjetas comerciales de la empresa,
en las etiquetas de sus productos, en
carteles promocionales, en vallas
publicitarias,
etc. y es deseable
que en todos ellos figure con la
mxima nitidez, tanto en lo relativo
a su color como a su forma, es
decir, se necesita disponer de un
formato grfico que no altere la
calidad
ante
las
distintas
transformaciones que debe sufrir la
imagen.
4
5
6
Internet: los grficos vectoriales que se encuentran en el World Wide Web suelen ser o bien de
formato abierto (SVG) o bien SWF en formato propietario. Estos ltimos se pueden visualizar
con Adobe Flash Player.
Tipo MIME
Nombre
.ai
application/illustrator
Adobe Illustrator
Document
.cdr
application/coreldraw
CorelDRAW
Descripcin
Formato vectorial para Adobe Illustrator.
Formato vectorial para aplicaciones CorelDRAW.
Computer
Estndar ISO. Se utiliza en la industria aeronutica (CGM
Graphics Metafile members).
.cgm
image/cgm
.dxf
image/vnd.dxf
.dwg
image/vnd.dwg
.eps
Encapsulated
PostScript
.fh*
Macromedia
Freehand
Document
.fla
application/pdf
ASCII Drawing
Interchange
.ps
application/postscript
PostScript
.svg/.svgz
image/svg+xml
/comprimido
Scalable Vector
Graphics
.swf
application/xshockwave-flash
.wmf
image/x-wmf
Impresin
Un punto clave de las imgenes vectoriales es su practica puesta a punto en el momento de la impresin
ya que es posible escalarlas y aumentar su definicin de forma ilimitada. Por ejemplo: se puede tomar
el mismo logo vectorizado imprimirlo en una tarjeta personal, y despus, agrandarlo e imprimirlo en
una valla manteniendo en ambas imgenes el mismo nivel de calidad. Los ejemplos ms populares de
formato de documentos que se deban imprimir son PDF y PostScript.
Otra aplicacin donde los grficos vectoriales son importantes es el plotter de corte, ya que ste, como
su nombre indica, corta reas de color diseadas por el usuario a partir de un archivo digital. Estas
figuras estn construidas a partir de vectores que son interpretados por el plotter como las lneas lmite
por donde debe pasar la cuchilla que corta el material. (este punto necesita referencias)
Un pxel es pues una unidad de informacin, pero no una unidad de medida, ya que no se corresponde
con un tamao concreto. Un pxel puede ser muy pequeo (0.1 milmetros) o muy grande (1 metro).
Otra definicin es:
Un mapa de bits es una matriz cartesiana (bidimensional) de pxeles, con coordenadas verticales y
horizontales que determinan la posicin de un pxel en la imagen.
A las imgenes rasterizadas se las suele caracterizar tcnicamente por su altura y anchura (en
pxeles) y por su profundidad de color9 (en bits por pxel), que determina el nmero de colores
distintos que se pueden almacenar en cada pxel, y por lo tanto, en gran medida, la calidad del color de
la imagen.
Los grficos rasterizados se distinguen por representar una imagen a travs del uso del simple
almacenamiento del color de cada pxel. El formato de imagen matricial est ampliamente extendido y
7
Los pxeles son la unidad mnima de las imgenes de mapas de bits, que tambin son llamadas imgenes raster o
bitmaps.
8
9
La palabra "raster" tiene su origen en el latn rastrum (rastrillo), que se deriva de radere (raspar).
Si las coordenadas del pxel determinan su posicin en la imagen, la profundidad es la cantidad de memoria
requerida para almacenar su color.
es el que se suele emplear para tomar fotografas digitales y realizar capturas de vdeo. Para su
obtencin se usan dispositivos de conversin analgica-digital, tales como escneres y cmaras
digitales.
Colores
Cada pxel tiene su propio color; las imgenes en el modelo de color RGB, por ejemplo, estn
formadas por pxeles de tres bytes, un byte para cada uno de los colores: rojo, verde y azul. Las
imgenes ms sencillas requieren menos informacin por pxel; por ejemplo, una imagen compuesta
nicamente por pxeles negros y blancos slo requiere un bit para cada pxel (1 si es negro, 0 si es
blanco). Una imagen rasterizada a color (o pixmap) normalmente tendr pxeles con ocho bits para
cada uno de los componentes de su color (rojo, verde y azul).
Codificacin
El nmero total de pxeles (resolucin de imagen), y la cantidad de informacin de cada pxel
(profundidad de color) determinan la calidad de una imagen rasterizada. Por ejemplo, una imagen que
almacene 24 bits de informacin de color por pxel (el estndar para pantallas desde 1995) puede
representar ms matices de color que una imagen que slo almacene 16 bits por pxel, pero no tendr el
mismo nivel de detalle que una que almacene 48 bits por pxel. De esta manera, una imagen con una
resolucin de 640 x 480 pxeles (y por lo tanto que contiene 307,200 pxeles) parecer ms pequea
que una imagen de 1280 x 1024 (1,310,720 pxeles), pero de la misma calidad.
Puesto que almacenar imgenes de alta calidad requiere mucho espacio, los programas de tratamiento
de imgenes a menudo utilizan tcnicas de compresin de datos para reducir su tamao. Algunas de
estas tcnicas sacrifican informacin, y por lo tanto calidad de imagen, para conseguir ahorrar espacio
en disco. Los informticos se refieren a este tipo de tcnicas como tcnicas de compresin
irreversibles o compresin con prdida.
Principales aplicaciones
Extensiones tpicas de archivos que usan este tipo de formato son: BMP, JPEG, GIF, PNG y TIFF. Si
se quiere hacer retoques o editar un mapa de bits existen soluciones comerciales como Adobe
Photoshop o Paint Shop Pro. Windows tiene el programa Paint que provee una funcionalidad mnima
y para algunos casos puede ser suficiente. Alternativamente en el mundo del software libre puedes
encontrar The Gimp, es el favorito de los usuarios de Linux y hay tambin una versin de Gimp para
Windows. Estos programas te permiten tambin convertir entre tipos de formatos y producir, entre
otros, los BMP, PNG o JPEG.
Adobe PhotoShop,
Corel PhotoPaint,
Macromedia Fireworks,
Gimp.
Con estos programas es posible retocar fotografas, crear montajes y disear objetos con apariencia
real. Los archivos generados tienen su propio formato para cada aplicacin, pudiendo adems crear
ficheros en los formatos de uso general (gif,jpg,png,tif,bmp,eps) tambin el formato PSD de PhotoShop
es generalmente admitido por los dems (con algunas limitaciones en la importacin del archivo).
Tabla de formatos para rasterizados
Extensin
de fichero
.art
Tipo
MIME
Nombre
Descripcin
Art
.bmp
image/bmp
Windows Bitmap
.cin
image/cineon
Cineon
.cpt
.dpx
image/dpx
.exr
image/exr
.fpx
image/vnd.fp
x
Flashpix (1.0.2)
.gif
image/gif
Graphics Interchange
Format
.iff .ilbm
.lbm
.jpeg .jpg
.jpg2 .jp2
image/jpeg
.mng
video/x-mng
Multiple-image Network
Graphics
.pbm
.pcd
image/jpcd
ImagePac Photo CD
.pcx
Picture eXchange
pgm
.png
image/png
Portable Network
Graphics
.ppm
.psd
application/xphotoshop
Documento de Adobe
Photoshop
.psp
.tga, .tpic
.tiff .tif
image/tiff
.wbmp
image/vnd.w
ap.wbmp
Wireless Application
Protocol Bitmap Format
.xbm
image/x-
X BitMap
Utilizado fundamentalmente
inalmbricos.
con
WML
en
dispositivos
xbitmap
.xcf
.xpm
image/x-xpm
X-Pixmap
Resolucin
La resolucin de una imagen es un concepto que suele confundir bastante, principalmente porque no
es un concepto nico, sino que depende del medio en el que la imagen vaya a ser visualizada o tratada.
As, podemos hablar de resolucin de un archivo digital, resolucin de impresin, resolucin de
semitono, resolucin de escaneado, etc.
Tal vez el concepto ms ligado a la propia naturaleza de la imagen digital sea el de resolucin del
archivo digital, definida como el nmero de pxeles distintos que tiene una imagen por unidad de
longitud, es decir, la densidad de stos en la imagen. Sus unidades de medida son los pxeles por
pulgada (ppp o ppi, pxels per inch, en ingls) o los pxeles por centmetro (ms raramente). Cuanto
mayor sea esta resolucin, ms contenedores de informacin (pxeles) tiene el fichero digital, ms
calidad tendr la imagen y ms peso en Kb tendr el fichero.
Resolucin de Pantalla
Esta resolucin est muy ligada al concepto de resolucin de pantalla en un monitor, referida al
nmero de pxeles por pulgada existentes en la pantalla del monitor en el que se visualiza la imagen.
Una configuracin del monitor en alta resolucin exhibir ms pxeles por pulgada, por lo que stos
sern ms pequeos, permitiendo una mejor visualizacin de la imagen en pantalla. En ningn caso
podremos visualizar una imagen a mayor resolucin que la de pantalla, que suele ser de 72 ppp en un
sistema Mac y de 96 ppp en un PC.
Una vez definida la resolucin de pantalla, el tamao de los pxeles depender del tamao fsico de la
pantalla, medido en pulgadas. Las resoluciones de pantalla ms comunes en la actualidad son 800!600
y 1024!768 pxeles, oscilando los tamaos de pantalla entre 15 y 21 pulgadas.
Resolucin en digitalizacin
En el trabajo de digitalizacin de imgenes con escner se maneja el concepto de resolucin de
muestreo, que define el nmero de muestras que se toman por pulgada. Su unidad de medida son las
muestras por pulgada (spi, samples per inch). Cuanto ms muestras por pulgada tenga una imagen
escaneada, ms cercana estar la imagen digital a la imagen original. Este forma de medir la resolucin
se utiliza poco, habindose adoptado como medida de calidad de un imagen escaneada los pxeles por
pulgada que tiene la imagen digital resultante del proceso.
Resolucin de Impresin
En trabajos con imgenes destinadas a la impresin se maneja el concepto de resolucin de impresin,
que se refiere a la capacidad mxima de discriminacin que tiene una mquina de impresin, es decir,
los puntos de tinta o toner que puede colocar una impresora u otro dispositivo de impresin dentro de
una pulgada para imprimir la imagen. Su unidad de medida son los puntos por pulgada lineal (dpi,
doths per inch). En general, cuantos ms puntos, mejor calidad tendr la imagen impresa.
A mayor resolucin, ms pxeles hay en una imagen, ms grande es su mapa de bits, mayor
informacin contiene y mayor capacidad de distinguir los detalles espaciales finos, por lo que
tendr ms definicin, permitiendo un mayor detalle, unas transiciones de color ms sutiles y una
mayor calidad de reproduccin.
Las imgenes de mapas de bits dependen de la resolucin a la que han sido creadas, por lo que al
modificar su tamao pierden calidad visual. Si lo disminuimos, los trazos finos perdern definicin,
desapareciendo partes de los mismos, mientras que si lo aumentamos, la imagen se pxelizar, al tener
que cubrirse de forma aproximada pxeles que inicialmente no existan, producindose el conocido
efecto de dientes de sierra.
Una imagen rasterizada no se puede ampliar a cualquier resolucin sin que la prdida de calidad sea
notoria. Esta desventaja contrasta con las posibilidades que ofrecen los grficos vectoriales, que
pueden adaptar su resolucin fcilmente a la resolucin mxima de nuestra pantalla u otro dispositivo
de visualizacin.
Eleccin de la resolucin
La resolucin de una imagen no debe ser nunca mayor que la del medio en el que se va a publicar,
pues supondra un exceso de informacin que no va a ser utilizada. Si representamos en un grfico la
relacin calidad imagen-resolucin para un medio de publicacin determinado, llega un punto en que
por mucho que aumentemos la resolucin, la calidad no aumentar, pero s el peso del fichero y los
recursos necesarios.
Las imgenes de alta resolucin reproducen generalmente ms detalle y transiciones ms sutiles del
color que imgenes de baja resolucin. Sin embargo, el aumento de la resolucin de una imagen baja
resolucin separa solamente la informacin original en un mayor nmero de pxeles, pero raramente
mejora la calidad de la imagen.
Los diferentes medios utilizan diferentes resoluciones, siendo las ms comunes las siguientes:
Medio
Pantalla de ordenador
Resolucin de trabajo
72 ppp
Normalmente, 90 ppp, aunque puede subir a 300 ppp en impresin
Prensa (periodicos, revistas, etc.)
offset
Diferentes resoluciones, generalmente entre 300 ppp y 600 ppp
Impresora
(impresoras laser)
Fotografa
Suele emplear imgenes de 800-1500 dpp y mayores
Imprenta
Es necesario saber la lineatura de impresin, pues la resolucin de
una imagen se corresponde con la lineatura de impresin en una
escala de 2:1 (para imprimir a 150 lpp, deberemos trabajar las
imgenes al doble, 300 ppp. En fotocomponedoras para impresin
se suele trabajar a 1200 ppp
Si estamos trabajando con imgenes destinadas a la impresin, los ficheros grficos grandes, con
mucha resolucin y/o tamao, tardan ms en ser procesados por el RIP (Raster Image Processor), el
procesador de imgenes de un aparato postscript. Cualquier ahorro sensato de tamao es algo que
redundar en trabajos manejables y menos dados a causar problemas y retrasos.
Adems, la lineatura no es algo que podamos elegir al azar. Aunque las cmaras digitales o las
filmadoras sean capaces de llegar a resoluciones muy altas, el limite de trabajo lo va a marcar el medio
en el que vayamos a imprimir, el mtodo que vayamos a usar para ello y el dinero que estemos
dispuestos a pagar por ello.
Si la imagen est destinada a ser impresa en una impresora de inyeccin de tinta, habr que
digitalizar la imagen a una resolucin de 300 ppp para que la definicin final sea correcta, ya que sta
Resumiendo: Hay que trabajar siempre en unos niveles de resolucin adecuados al medio en el que se
va a usar la imagen. Resoluciones mayores necesitarn unos recursos excesivos que no son
aprovechables. En el extremo contrario, resoluciones menores que las del medio suelen producir una
mala visualizacin o impresin, presentando las imgenes el conocido efecto de pxelizacin o dientes
de sierra.
pxeles
10
En la imagen digital el aliasing redunda en la prdida de calidad o, en imgenes digitales de poca profundidad de
pxel, genera algunas veces el efecto de escalera o lnea dentada, que se observa principalmente en las lneas curvas.
Dependiendo de cada caso particular, las imgenes Generalmente, ocupan mayor espacio en memoria,
vectoriales pueden requerir menor espacio en y requieren un tiempo mayor de transferencia.
disco que un bitmap. A menor informacin para
crear la imagen, menor ser el tamao del archivo.
Dos imgenes con dimensiones de presentacin
distintas pero con la misma informacin vectorial,
ocuparn el mismo espacio en disco.
No pierden calidad al ser escaladas. En principio,
se puede escalar una imagen vectorial de forma
ilimitada. En el caso de las imgenes rasterizadas,
se alcanza un punto en el que es evidente que la
imagen est compuesta por pxeles.
Los objetos definidos por vectores pueden ser Los objetos definidos por pxeles no se pueden
guardados y modificados en el futuro.
modificar.
Algunos formatos permiten animacin. Esta se No permite animacin.
realiza de forma sencilla mediante operaciones
bsicas como traslacin o rotacin y no requiere
un gran acopio de datos, ya que lo que se hace es
reubicar las coordenadas de los vectores en
nuevos puntos dentro de los ejes x, y y z en el
caso de las imgenes 3D.
Los grficos vectoriales en general no son aptos
para codificar fotografas o vdeos tomados en el
"mundo real" (fotografas de la Naturaleza, por
ejemplo), aunque algunos formatos admiten una
composicin mixta (vector + imagen bitmap).
Prcticamente todas las cmaras digitales
almacenan las imgenes en formato rasterizado.
Los datos que describen el grfico vectorial deben Los pxeles requieren menos operaciones del
ser procesados, es decir, el computador debe ser procesador para ser decodificados.
suficientemente potente para realizar los clculos
necesarios para formar la imagen final. Si el
volumen de datos es elevado se puede ralentizar la
representacin de la imagen en pantalla, incluso
trabajando con imgenes pequeas.
http://es.wikipedia.org/wiki/Dibujo_vectorial