El documento describe los dos tipos principales de imágenes digitales (vectoriales y de mapa de bits), sus características y usos. También explica conceptos clave como resolución, modo de color, sistemas de control del color y formatos comunes de archivos de imagen.

1. Imagen Digital +
Imagen Digital +
1º Encargo
Lenguaje Computacional 2
07 - Julio - 2009
Gley Carolina Riquelme Van

2. Imagen Digital
Existen 2 tipos de imagen digital, estas son:
•Vectorial
•Mapa de Bits
Imagen Vectorial
Es una imagen formada por objetos geométricos independientes (segmentos, polígonos, arcos,
etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de
color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su
radio, el grosor de línea y su color.
El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a volun-
tad sin sufrir el efecto de escalado que sufren los gráficos rasterizados o mapa de bits. Asimismo, imagen vectorizada
permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también
está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como
estáticas.
Todos los ordenadores actuales traducen los gráficos vectoriales a gráficos rasterizados para
poder representarlos en pantalla al estar ésta constituida físicamente por píxeles.
La imagen vectorial:
• Se rige por algoritmos Matemáticos por lo que se puede agrandar sin que su
imagen mapa de bits
definición sea afectada
• La imagen vectorizada no tiene la fineza de una de mapa de bits, ya que esta es
como un dibujo.
• Se puede intervenir con facilidad

3. Las imágenes vectoriales se componen de
Imagen Vectorial
contornos y rellenos definidos matemática-
mente (vectorialmente) mediante precisas
ecuaciones que describen perfectamente
Relleno cada ilustración. Esto posibilita que sean
escalables sin merma alguna de su calidad
Contorno / Filete
cuando quieren reproducirse en un disposi-
tivo de salida adecuado.

4. Imagen Digital
Existen 2 tipos de imagen digital, estas son:
•Vectorial
•Mapa de Bits
Mapa de Bits
Son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) conte-
nidos en una cuadrícula, la imagen está determinada por la posición y el valor de color de cada
píxel de la cuadrícula. Cada punto tiene asignado un color. Cuando se presentan con la resolu-
ción adecuada, los puntos encajan entre sí como las teselas de un mosaico y forman la imagen.
Cuando se edita una imagen de mapa de bits, se modifican los píxeles, no las líneas y curvas.
Las imágenes de mapa de bits dependen de la resolución, es decir, los datos que las definen es-
tán fijos en una cuadrícula que tiene un tamaño determinado. Cuando se aumenta el tamaño de
un elemento gráfico de mapa de bits, los píxeles se redistribuyen en la cuadrícula, lo que puede
dar lugar a que sus bordes queden desiguales. La visualización de un elemento gráfico de mapa
de bits en un dispositivo de salida con menor resolución que la propia imagen también puede
reducir su calidad.
un pixel
La imagen mapa de bits:
• Tiene un tamaño, establecido por la cantidad de pixeles que la componen tanto
vertical como horizontalmente.
• Tiene una resolución definida por los DPI (puntos por pulgada) mientras más
puntos, mayor resolución y más es el peso de la imagen.
• Está compuesta por pixeles que se ordenan en una cuadrícula, estos poseen un
valor de color que construye la imagen.
•Es una imagen dentro de sí misma, por lo que su intervención es compleja.

5. Imagen Digital
La imagen tiene:
•Resolución
•Modo de Color
•Sistema de control del Color
Resolución
La resolución de imagen indica cuánto detalle puede observarse en una imagen. Tener mayor
resolución se traduce en obtener una imagen con más detalle o calidad visual. Para las imágenes
digitales almacenadas como mapa de bits, la convención es describir la resolución de la imagen
con dos números enteros, donde el primero es la cantidad de filas de píxeles (cuántos píxeles
tiene la imagen a lo ancho) y el segundo es la cantidad de columnas de píxeles (cuántos píxeles
tiene la imagen a lo alto). La resolución es también la densidad de información que una imagen
posee y que resulta de la capacidad de captura de un dispositivo como una cámara o un escáner.
Resolución:
• La resolución es la definición de una imagen, a mayor resolución, mayor definición
de la imagen
• La mayoría de los monitores manejan una resolución de 72 DPI

6. Imagen Digital
La imagen tiene:
•Resolución
•Modo de Color
•Sistema de control del Color
Modo de Color
1- M A PA D E BI T S :
Correspondiente a una profundidad de color de 1 bit, ofrece una imagen monocromática formada
exclusivamente por los colores blanco y negro puros, sin tonos intermedios entre ellos.
2- E S C A LA D E G RI S ES :
Este modo maneja un solo canal (el negro) para trabajar con imágenes monocromáticas de 256 1-
tonos de gris, entre el blanco y el negro. El tono de gris de cada píxel se puede obtener bien
asignándole un valor de brillo que va de 0 (negro) a 255 (blanco), bien como porcentajes de tinta
negra (0% es igual a blanco y 100% es igual a negro). Las imágenes producidas con escáneres
en blanco y negro o en escala de grises se visualizan normalmente en el modo escala de grises.
3- R G B :
2-
Trabaja con tres canales, ofreciendo una imagen tricromática compuesta por los colores primarios
de la luz, Rojo(R), Verde(G) y Azul(B). Es un modelo de color aditivo (la suma de todos los colores
primarios produce el blanco), siendo el estándar de imagen de todo color que se utilice con moni-
tores de video y pantallas de ordenador.
Las imágenes de color RGB se obtienen asignando un valor de intensidad a cada píxel, desde 0
(negro puro) a 255 (blanco puro) para cada uno de los componentes RGB.
3-

7. Imagen Digital
La imagen tiene:
•Resolución
•Modo de Color
•Sistema de control del Color
Modo de Color
4- C M Y K
Trabaja con cuatro canales de 8 bits (32 bits de profundidad de color), ofreciendo una imagen
cuatricromática compuesta de los 4 colores primarios para impresión: Cyan (C), Magenta (M),
Amarillo(Y) y Negro (K). Es un modelo de color sustractivo, en el que la suma de todos los colores
primarios produce teóricamente el negro, que proporciona imágenes a todo color, siendo el más
conveniente cuando se envía la imagen a una imprenta. 4-
5- D UOTON O
Modo de color que trabaja con imágenes en escala de grises, a las que se le pueden añadir tintas
planas (3 para cada imagen, más el negro), con el fin de colorear distintas gamas de grises.
Sólo posee un canal de color (Duotono, Tritono o Cuatritono, dependiendo del número de tintas).
Con este método podemos obtener fotos en blanco y negro viradas al color que queramos. Suele
5-
ser empleado en impresión, donde se usan dos o más planchas para añadir riqueza y profundidad
tonal a una imagen de escala de grises.
El problema que presenta este modo es que en los duotonos, tritonos y cuadritonos sólo hay un
canal, por lo que no es posible tratar cada tinta de forma distinta según las zonas de la imagen.

8. Imagen Digital
La imagen tiene:
•Resolución
•Modo de Color
•Sistema de control del Color
•Formatos
Sistema Control del Color
Sirven para tener un manejo del color de la imagen, poder modificarlo según sea necesario,
existen distintas variaciones por las cuales una imagen puede ser modificable cromáticamente, las
más usadas son:
1- N I V E L D E LUM I N O S I D A D :
Un píxel de la imagen tiene un valor de color RGB que se corresponde con un valor de color en
escala de grises, lo que llamamos valor de brillo, cuando aumentamos el brillo de una imagen,
lo que hacemos es aumentar el valor del brillo de cada uno de los píxeles de nuestra imagen., el
píxel que tenia un valor de 100 pasa a tenerlo de 110 si aumentamos 10 como consecuencia de
esto se nos aclara toda la imagen, tanto las parte oscuras como las partes claras.
La teoría (y en un 99% también la practica) dice que para que una imagen tenga una mayor
gama tonal y esté mejor ecualizada, los valores de brillo deben ir desde el 0 hasta el 255.
2- TO N O:
Definimos tono como la propia cualidad que tiene un color. Tonos son todos los colores del círcu-
lo cromático, primarios, secundarios e intermedios.

9. Imagen Digital
La imagen tiene:
•Resolución
•Modo de Color
•Sistema de control del Color
•Formatos
Sistema Control del Color
3- S AT U RAC I Ó N :
La saturación de un color es el inverso de la cantidad de gris que contiene. Cuanto más alto sea
el contenido gris, menor será la saturación.
4- C O N T RA S T E:
El contraste incrementa el cambio de luminosidad entre las zonas más oscuras o más claras de
una fotografía, simulando a su vez, un mejor enfoque y claridad de imagen.
5- B R I LLO:
El brillo se ocupa de alterar también la gama tonal. La modificación del brillo de una imagen o
fotografía digital, actúa de la misma forma que la escala de luminosidad, reducen el contraste de
la imagen y la pérdida de detalle, según en el nivel que se aplique.

10. Imagen Digital
La imagen tiene:
•Resolución
•Modo de Color
•Sistema de control del Color
•Formatos
Formatos y usos
1- JP G :
se utiliza habitualmente para mostrar fotografías y otras imágenes de tono continuo en docu-
mentos HTML en Internet y otros servicios en línea. El formato JPEG admite los modos de color
CMYK, RGB y Escala de grises pero no admite canales alfa (No preserva la transparencia).
2- G I F :
es el formato de archivo que se utiliza habitualmente para mostrar gráficos e imágenes de color
indexado en documentos HTML en Internet y otros servicios en línea. GIF es un formato com-
primido con LZW diseñado para minimizar el tamaño del archivo y el tiempo de transferencia
electrónica. El formato GIF preserva la transparencia en imágenes de color indexado.
3- P N G :
se utiliza para una compresión sin pérdidas y para la visualización de imágenes en Internet. A
diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin
bordes irregulares. El formato PNG admite imágenes RGB, de color indexado, en escala de grises
y de mapa de bits sin canales alfa. PNG conserva la transparencia en imágenes en escala de gri-
ses y RGB, lo que resulta extremadamente útil para utilizarse en Flash, donde PNG es totalmente
compatible.

11. Imagen Digital
La imagen tiene:
•Resolución
•Modo de Color
•Sistema de control del Color
•Formatos
Formatos y usos
4- T I F F :
Es un formato flexible de imágenes de mapa de bits que prácticamente admiten todas los progra-
mas de pintura, edición de imágenes y diseño de páginas. Admite imágenes CMYK, RGB, Lab, de
color indexado y en escala de grises con canales alfa, e imágenes en modo de mapa de bits sin
canales alfa. Photoshop puede guardar capas en un archivo TIFF. Por lo general el archivo TIFF es
ocupado para imágenes que serán reproducidas en imprentas.
5- R AW:
Es un formato de archivo digital de imágenes que contiene la totalidad de los datos de la imagen
tal y como ha sido captada por el sensor digital de la cámara fotográfica. El formato RAW gene-
ralmente lleva aplicada compresión sin pérdidas. Debido a que contiene la totalidad de los datos
de la imagen captada por la cámara y una mayor profundidad de color (por lo general 36 a 48
bits/píxel), sus ficheros tienen un tamaño de archivo muy grande, a pesar de que, generalmente,
usan compresión. Usada para fotografías.
6- B M P :
Este formato guarda las imágenes descomprimidas, lo que significa mayor velocidad de carga y
mayor espacio requerido. Las imágenes pueden ser de 1, 4, 8 y 24 bits. Tiene una curiosa forma
de almacenarla la información: comienza desde la última línea inferior. Es por eso que los progra-
mas encargados de exhibir los BMPs en pantalla trazan la imagen de abajo hacia arriba. Es un
formato muy utilizado en la actualidad y la mayoría de las aplicaciones lo utilizan.

12. Sistemas de Color
Los modos de reproducir el color de una imagen son dos:
•CMYK (Sustractivo)
•RGB (Aditivo)
Sistema CMYK
Es un modelo de colores sustractivo que se utiliza en la impresión a colores.
•C = Cyan / Cian
•M = Magenta / Magenta
•Y = Yellow / Amarillo
•K = Black o Key / Negro
La mezcla de colores CMY ideales es sustractiva (pues imprimir cyan, magenta y amarillo en fon-
do blanco resulta en el color negro). El modelo CMYK se basa en la absorción de la luz.
Sistema CMYK:
• Es un sistema de impresión sustractiva, basada en los tonos Cian, Magenta,
Amarillo y Negro, donde la mezcla de los tres primeros resultan en Negro.
• La impresión del sistema CMYK se construye a través de una trama generada por
puntos de las distintas tonalidades, que se van superponiendo y mezclando.

13. Sistemas de Color
Los modos de reproducir el color de una imagen son dos:
•Sustractivo (CMYK)
•Aditiva (RGB)
Sistema RGB
Es un modelo de colores aditivo que se utiliza para la reproducción de imagenes a través de
medios luminosos (pantallas) con el que es posible representar un color mediante la mezcla por
adición de los tres colores luz primarios.:
•R =Red / Rojo
•G =Green / Verde
•B =Blue / Azul
En las pantallas de computadoras, la sensación de color se produce por la mezcla aditiva de rojo,
verde y azul. Hay una serie de puntos minúsculos llamados píxeles. Cada punto de la pantalla es
un píxel y cada píxel es, en realidad, un conjunto de tres subpíxeles; uno rojo, uno verde y uno
azul, cada uno de los cuales brilla con una determinada intensidad.
Sistema RGB:
• Es un sistema de reproducción de imagen Aditiva basada en tres colores primarios:
Rojo, Verde y Azul, se dice que es aditiva, ya que la mezcla de sus colores resultan
en blanco
• Este sistema es ocupado para la reproducción de imagen en medios luminosos, en
donde el negro es la ausencia de luz.

14. Infografía Infografía
La infografía es un representación más visual que la propia de los textos, en la que intervienen
descripciones, narraciones o interpretaciones, presentadas de manera gráfica normalmente figura-
tiva, que pueden o no coincidir con grafismos abstractos y/o sonidos, es una aportación informa-
tiva, realizada con elementos icónicos tipográficos, que permite o facilita la comprensión de los
acontecimientos, acciones o cosas de la actualidad o algunos de sus aspectos más significativos,
y acompaña o sustituye al texto informativo. La infografía nació como un medio de trasmitir
información gráficamente con la que se presenta una información completa aunque pueda ser
complementaria o de síntesis.
Infografía:
• Es una manera gráfica de presentar sintetizadamente una información, facilita su
entendimiento.