LA IMAGEN DIGITAL: 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 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).