TEMA 2 Imagen Digital 1) Imagen de mapa de bits e imagen vectorial. 2) Imágenes de mapa de bits: a) Propiedades i) Tamaño ii) Formato iii) Peso iv) Resolución b) Características i) Exposición ii) Brillo iii) Contraste iv) Tono v) Saturación vi) Luminosidad vii) Color 3) Programas de edición de imágenes de mapa de bits 4) Imagen Vectorial a) Aplicaciones de las imágenes vectoriales i) Diseño artístico o gráfico ii) Dibujo técnico b) Formatos vectoriales
TEMA 2 Imagen Digital 1) Imagen de mapa de bits e imagen vectorial. Una imagen digital es cualquier fotografía o gráfico que tengamos en el ordenador. Puede proceder de distintas fuentes: Una fotografía tomada con una cámara o un móvil. Una imagen escaneada de un libro o revista. Una descargada de internet. Imagen creada por nosotros con el ordenador. Una imagen digital puede ser de dos tipos: Imagen de mapa de bits (bitmap): Están formadas por una cuadrícula de pequeñísimos recuadros de colores llamados píxeles. El inconveniente principal de este tipo de imágenes es que al aumentarlas pierden calidad. Si aumentamos mucho la imagen podremos ver los píxeles. Imagen vectorial: Estas imágenes están formadas por figuras geométricas que a su vez están creadas por fórmulas matemáticas que el ordenador interpreta. Su principal ventaja es que se pueden ampliar sin perder calidad. Su principal inconveniente es que no es fácil dibujar basándonos en formas geométricas. 2) Imágenes de mapa de bits: a) Propiedades i) Tamaño: Las dimensiones de una imagen se expresan en forma de producto de dos números que indican la cantidad de píxeles de ancho por la cantidad de píxeles de alto. Una cámara que pueda realizar imágenes de un tamaño máximo de 1600 x 1200 = 1920000, quiere decir que la cámara es de 1,0 Mpx.
ii) Formato: Existen muchos formatos de imagen. En general al disminuir el peso la imagen perderá calidad. Formato Descripción Color Compresión Bmp Formato creado por Microsoft. Profundidad de color 24 bits. Comprimido sin perder calidad. Jpg o jpeg Gif Tif o tiff Png Xcf Es el más utilizado, sobre todo en fotografía. Muy utilizado en internet. Permite pequeñas animaciones y archivos de fondo transparente. Para imágenes de gran calidad. Fotografía profesional o escáneres finos. Permiten guardar con capas. Nació para sustituir al formato gif pero mejorando la calidad. Es el formato propio del programa GIMP. Permite guardar capas, efectos, etc.. y su posterior edición. 24 bits El usuario puede ajustar la compresión, y por tanto la calidad. 8 bits Formato comprimido. 64 bits No se comprimen. Ocupan mucho. 32 bits Comprimido. 32 bits Sin comprimir. iii) Peso: Es lo que ocupa la imagen en términos de memoria. Depende del formato (en consecuencia de si está o no comprimido), de la profundidad de color y del tamaño (ancho x alto). Son los MB (Megabytes) que ocupa. La profundidad de color es el número de bits necesarios para representar el color en un píxel. 1 bit por píxel: 2 colores (0 negro y 1 el blanco) 2 bits por píxel (2 n ): 4 colores, estándar CGA. 4 bits por píxel: 16 colores 8 bits por píxel: 256 colores, estándar VGA. iv) Resolución: Indica la calidad de la imagen. A mayor resolución mejor es la nitidez que muestra. Se mide en ppp (píxeles por pulgada=2,54 cm). Ejemplos: Tenemos una imagen de 200 x 300 píxeles, con una resolución de 100 ppp. Cuál será su tamaño en centímetros para imprimirla? 5,08 x 7,62 cm Queremos escanear una imagen de un libro con una calidad de 200 ppp. Tienes unas dimensiones de 10 cm x 6 cm, Qué dimensión, en píxeles tendrá la imagen digital obtenida? 3,94 x 2,36 pulgadas = 787 x 472 píxeles
b) Características i) Exposición: Cantidad de luz que ha sido capturada en una fotografía. Cuando tiene mucha luz se dice sobreexpuesta y cuando tiene poca subexpuesta. Ejemplo de sobreexpuesta: ii) Brillo: Es la luminosidad de la imagen, la claridad que tiene. iii) Contraste: Es la diferencia relativa de intensidad entre un punto cualquiera de la imagen y los de su alrededor. Indica la diferencia de brillo entre dos puntos próximos. Una imagen muy contrastada es cuando dos puntos próximos tienen una diferencia de brillo grande. Ejemplo de imagen normal y con alto contraste: iv) Tono: Es el color de una imagen. Imagen con tono verde:
v) Saturación: Indica la pureza del color. Una imagen muy saturada muestra el color muy vivo, sin mezcla. Una imagen poco saturada muestras una frontera difusa entre los colores. Cuando una imagen está poco saturada tiende a escala de grises. vi) Luminosidad: Es el grado de claridad de la imagen. Este concepto es muy similar al brillo. Una imagen con mucha luminosidad tiende al blanco, y con poca al negro. vii) Color: Hablamos aquí de los modelos de color: (1) RGB: Este modelo lo utiliza la mayoría de aparatos digitales. Trabaja con estos tres colores: Red (rojo), Green (verde) y Blue (azul). Los programas de imagen utilizan un canal de un byte para cada color, lo que da 256x256x256 = 16777216 posibles colores. (2) CMYK: Este modelo se utiliza de manera profesional. Trabaja con cuatro colores: Cyan, Magenta, Yellow y BlacK. Posibilidades: 256x256x256x256 = 4000 millones de posibilidades. viii) Profundidad de color: Es la cantidad de colores en términos bits que puede tener una imagen. Una imagen con un bit de profundidad de color tiene dos colores = blanco y negro. Una imagen con 3 bits de profundidad de color = 8 colores: 3) Programas de edición de imágenes de mapa de bits: Programa Descripción GIMP Aplicación muy completa y potente, en continuo desarrollo. Es software libre, por tanto, creada y desarrollada de forma altruista por voluntarios. Photoshop Es el programa más popular de edición de imagen de mapa de bits. Es de la empresa Adobe. Paint Shop Pro Es de pago como Photoshop, de la empresa Corel. Está un peldaño por debajo en posibilidades respecto de los anteriores. Picasa Aplicación gratuita de Google, ahora se llama Google Fotos. Las posibilidades de edición son limitadas, sin embargo permite la organización de nuestras fotos en la nube de manera muy eficaz. IrfanView Es un programa simple, con cuatro herramientas de edición. Gratuito.
Además existen editores de imagen para trabajar on-line: Nombre URL Características Pixlr https://pixlr.com/ Permite trabajar con capas. Phixr esphixr.com Para tener acceso a todas las herramientas hay que registrarse. Picnik www.picnik.com Para tener acceso a todas las herramientas hay que pagar. 4) Imagen vectorial Una imagen vectorial es una imagen digital formada por objetos geométricos independientes definidos individualmente por atributos matemáticos. Al ampliar una imagen vectorial esta no pierde resolución. El peso en bytes de una imagen vectorial suele ser menor que en una imagen de mapa de bits. Habitualmente los ordenadores convierten la imagen vectorial en una de mapa de bits para poder presentarla en pantalla. Las imágenes vectoriales se utilizan en dibujo técnico (programas CAD, como AutoCAD y QCAD), en diseño gráfico, en videojuegos, etc a) Aplicaciones de las imágenes vectoriales i) Diseño artístico o gráfico Inkscape: Editor de imagen vectorial de software libre. FreeHand: El más utilizado. Lo creo Macromedia y ahora es de Adobe. Ilustrator: De Adobe, para creación artística. CorelDRAW: De Corel. ii) Dibujo técnico AutoCAD: Programa de dibujo técnico más utilizado. Es de la empresa Autodesk. QCAD: De RibbonSoft, software libre para Linux y de pago para Windows. CATIA: Desarrollado para la industria aeronáutica. Google SketchUp: Herramienta de Google para el modelado en 3D. OpenScad: Herramienta para diseño industrial en 3D de software libre. Blender: Herramienta para el modelado y creación de gráficos en 3D de software libre. 5) Formatos vectoriales svg: Formato de Inkscape. odg: De OpenOffice.org Draw. swf: Adobe Flash. cdr: CorelDRAW. dxf: Para algunos programas CAD. dwg: Formato de AutoCAD. pdf: (portable doucment format) Formato de almacenamiento de adobe que permite imagen vectorial, de mapa de bits y texto. ai: Adobe Illustrator. fh: FreeHand.