PROCESAMIENTO

DE IMAGENES
TIPOS Y FORMATOS DE
IMÁGENES DIGITALES
Imágenes rasterizadas (bitmap)

Imágenes vectoriales
Imágenes rasterizadas (mapas de bits)
 Son imágenes formadas por cuadrados
(píxels), de ahí su nombre de bitmap.
 Cada cuadrado tiene un color asociado;
puede tener mayor o menos profundidad de
color (número de colores distintos)
 Cuanto más grande es la foto o más detalle
queremos, más puntos (píxels) necesitamos.
Imágenes vectoriales
 Son imágenes formadas por
elementos geométricos (círculos,
cuadrados, curvas) y colores sencillos
(color fijo o degradados).
 Tanto los elementos como los
colores se definen mediante fórmulas
matemáticas.
 Círculo: color, posición del centro y
radio
Funcionan bien para elementos sencillos (logotipos,
carteles), les cuesta más representar imágenes
complejas o con muchos colores
• Las imágenes rasterizadas
pierden calidad al ir ampliándolas
(se ven los píxel)

• Las imágenes vectoriales no

pierden calidad por mucho que se
escalen

Evolución de la misma figura en gráfico

vectorial (izquierda) y rasterizado (derecha),
según el número de aumentos
  Las imágenes vectoriales pueden ocupar
muchos recursos de ordenador si son complejas
(memoria y CPU)
 Y en imágenes con muchos detalles (fotos) se
suele notar la simplificación por el uso de formas
geométricas

Imagen rasterizada original (57 KB) La misma imagen vectorizada (1701 KB)
 Las imágenes vectoriales se adaptan mejor a
imágenes con un fondo del mismo color
(textos), versiones para imprimir o con zoom.

 Para verlas en una pantalla las imágenes se

convierten siempre en imágenes rasterizadas.
Principales formatos de imágenes
vectoriales:
 Formato PDF de Adobe Acrobat.
 Fortato SWF de Adobe Flash.
 Gráficos SVG (gráfico vectorial escalable).

Imagen SVG Imagen SVG obtenida a partir de una JPG

 Gráficos SVG (Scalable Vector Graphics)
 Pueden representar imágenes geométricas
sencillas de forma muy compacta.

<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink=http://www.w3.org/1999/xlink
version="1.1"
baseProfile="full">
<g fill-opacity="0.7" stroke="black" stroke-width="0.1cm">
<circle cx="6cm" cy="2cm" r="100" fill="red"
transform="translate(0,50)" />
<circle cx="6cm" cy="2cm" r="100" fill="blue"
transform="translate(70,150)" />
<circle cx="6cm" cy="2cm" r="100" fill="green"
transform="translate(-70,150)" />
</g>
</svg>
 Pero también pueden usarse para imágenes
complejas o artísticas (mejor para dibujos que
para fotografías).

Más ejemplos de imágenes vectoriales

Programas para imágenes SVG
 Para crearlas y editarlas usaremos el
programa INKSCAPE

 Programas como GIMP ó Photoshop pueden

importarlas, pero para ello las convierten en
imágenes rasterizadas (pixelizadas)

Para visualizarse pueden usarse navegadores

(Firefox, Opera, Chrome, Safari) o programas
específicos (Adobe SVG Viewer)
Principales formatos de imágenes
rasterizadas
 JPG (ó JPEG) para fotos

 GIF para imágenes sencillas y

animaciones

 PNG para dibujos en la red

Programas para imágenes rasterizadas
 Para crearlas y editarlas: GIMP,
PHOTOSHOP , PAINT, y otros muchos

 Para visualizarlas: casi todos los programas

(navegadores, visores como el de Windows, etc)

También pueden incrustarse en programas

de ofimática (presentaciones, hojas de cálculo,
documentos de texto, etc).