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

Presentación del tema: "LA IMAGEN DIGITAL: TIPOS Y FORMATOS DE IMÁGENES DIGITALES."— Transcripción de la presentación:

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

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

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

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

13 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).