importancia

1. LA IMAGEN
DIGITAL:
TIPOS Y FORMATOS DE
IMÁGENES DIGITALES

2. Imágenes rasterizadas (bitmap)
Imágenes vectoriales

3. 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.

4. 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

5. • 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

6.  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)

7.  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.

8.  Formato PDF de Adobe Acrobat.
 Fortato SWF de Adobe Flash.
 Gráficos SVG (gráfico vectorial escalable).
Principales formatos de imágenes
vectoriales:
Imagen SVG obtenida a partir de una JPG
Imagen SVG

9.  Pueden representar imágenes geométricas
sencillas de forma muy compacta.
Gráficos SVG (Scalable Vector Graphics)
<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>

10.  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

11.  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)
Programas para imágenes SVG

12.  JPG (ó JPEG) para fotos
Principales formatos de imágenes
rasterizadas
 PNG para dibujos en la red
 GIF para imágenes sencillas y
animaciones

13.  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).
Programas para imágenes rasterizadas