Práctica de Tratamiento de Imágenes Objetivos: Experimentar con ...

Práctica de Tratamiento de ImágenesObjetivos: Experimentar con una aplicación de tratamiento de imágenes para comprender mediantela práctica los conceptos básicos de digitalización de imágenes, tales como resolución yprofundidad de color. Conocer la diferencia entre formatos con compresión (con pérdidas) yformatos sin compresión. Comprender el sistema RGB de representación de color. Conocer laherramienta GIMP para realizar modificaciones básicas (cambiar resolución, profundidad de color yformato) y otras capacidades más avanzadas.Ejercicios:0) En tu carpeta local (p.ej. en tu escritorio) crea una subcarpeta llamada “imagenes”. En ellaguardaremos los ficheros que vayamos utilizando o creando en esta práctica.Anota en tu cuaderno o sobre la práctica los pasos que vas dando para realizar los ejercicios y lasprincipales conclusiones, porque te servirá de guía a la hora de repasar la asignatura.Ejercicio 1: Resolución y profundidad de colorIntroducción: La resolución y la profundidad de color determinan el tamaño de una imagendigitalizada. Para comprobar cómo afectan dichos parámetros al tamaño final del fichero en el queguardamos la imagen digitalizada, experimentaremos con la herramienta GIMP.1) Crea una nueva imagen en el GIMP (Archivo -> Nuevo) . Crea una imagen sin usar ningunaplantilla, con una resolución de 2000x1000 (por omisión se creará una imagen RGB).Guarda la imagen en formato BMP de 24 bits de profundidad de color, con nombreimagenblanca.bmp (Archivo -> Guardar como...). Puedes observar las propiedades de laimagen con el menú Imagen->propiedades de la imagen.Nota: con poner la extensión del fichero, GIMP te guardará el fichero en el formatoespecificado de manera automática.2) Ahora, usando el navegador de ficheros (explorador de windows), mira cuánto ocupa en eldisco duro ¿Es aproximadamente el tamaño que esperabas en KB? Puedes calcular eltamaño en KB usando la siguiente fórmula:((resolución * profundidad de color) / 8) / 1024NOTA: puedes usar la calculadora para hacer el cálculo (Inicio -> Programas ->Accesorios-> Calculadora).3) Guarda la misma imagen en formato JPEG, y nombra el fichero “imagenblanca.jpg”.Acepta las opciones por omisión para guardarla en este formato. Ahora mira el espacio queocupa dicho fichero en el disco. ¿Ocupa lo mismo que el fichero BMP? ¿Hay muchadiferencia? ¿Sabrías explicar por qué?4) Descarga la imagen “spock.jpg” de la web de NTSI. Determina con el GIMP la resoluciónde la imagen, así como su tamaño en KB. Abre la imagen con GIMP y expórtala al formatoTIFF con el nombre de “spock.tiff” sin ningún tipo de compresión. Compara el tamaño deambos ficheros.5) Ahora vuelve a abrir la imagen “spock.jpg” y expórtala como TIFF de nuevo con el nombre“spockComprimido.tiff”, pero ahora aplicando algún método de compresión de los que temuestran las opciones. Vuelve a compara su tamaño y calcula la diferencia. Prueba varios

métodos de compresión para TIFF y observa cuál es el que comprime más.6) Cambia la profundidad de color de la imagen “spock.tiff” a 4 bits de color (Recuerda: 4bits de color = 16 colores). ¿Ha perdido mucha calidad? Por último, cambia la profundidada 1 bit (Usar paleta blanco/negro 1 bit). Todas estas imágenes tienen la misma resolución,pero no tienen la misma calidad ¿Sabrías explicar por qué?7) Queremos transformar la imagen para ponerla como papel tapiz en varias computadoras dedistinto tipo y con distinto tamaño y resolución de pantalla. Debes modificar la resoluciónsin conservar la proporción de las imágenes (Imagen -> Escalar imagen...). También debescambiar la profundidad de color (Imagen -> Modo).1. “spockPC1.jpg” para un PC con resolución de 1024x768. Deja la imagen aRGB de 24 bits de profundidad.2. “spockPC2.jpg” para un PC con pantalla resolución de 800x600 y en escala degrises.3. “spockPDA.jpg” para una PDA con una resolución de 240x320.4. “spockTEL.jpg” para un teléfono móvil con una resolución de 100x100 conprofundidad de color de 1 bit (blanco y negro).Observa que el espacio que ocupan estas imágenes en el disco duro se va reduciendo amedida que reduces la resolución y la profundidad de color.8) En el punto anterior has cambiado la resolución de la imagen “spock.jpg” sin conservar laproporción, lo que hace que veamos la imagen distorsionada (más “ancha” o más“estrecha”). Cambia la resolución de la imagen “spock.jpg” a 100 píxeles de anchoconservando la proporción y salva la imagen. Ahora podrás ver la imagen pequeña, peroproporcionada. Comprueba cómo se ha reducido el tamaño de la imagen.9) Vuelve a cambiar la resolución de “spock.jpg” a 2000 píxeles de ancho conservando laproporción y guarda el fichero. Mira su tamaño en el disco ¿Ha crecido mucho? Ahora usael zoom para verla del mismo tamaño que la veías antes de modificarla. ¿La calidad de laimagen ha mejorado o empeorado? ¿Por qué la ves peor si tiene un tamaño en el discomucho mayor?10) Cambia ahora el modo de color a escala de grises. Después vuelve a cambiarla a RGB ¿Porqué ves la imagen en escala de grises si has vuelto a cambiar el modo a RGB?Ejercicio 2: Tratamiento básico de imágenes pixeladasIntroducción: Existen aplicaciones que permiten el tratamiento de imágenes pixeladas. Estasherramientas ven las imágenes como la unión de muchos píxeles. Las herramientas deprocesamiento de imagen permiten cambiar los valores de color de cada píxel de forma automática.A la hora de procesar las imágenes estas se pueden dividir en distintas capas independientes con elfin de facilitar la edición. Algunos formatos permiten salvar las imágenes guardando esta divisiónen capas. Sin embargo, otros formatos no lo permiten y las capas deben fundirse antes de salvar laimagen. A este proceso de fusión de capas se le llama 'Aplanar la imagen'.1) Descarga la imagen “paisaje.png” de la página de IBAS. La imagen tiene una resolución de1024x768. Abre esta imagen con el GIMP y amplíala a su tamaño original en pantalla (miraen el menú Ver; selecciona Ampliación 100%).2) Con el menú Herramientas -> Herramientas de color -> Balance de color, cambia los niveles

de RGB de la imagen, por ejemplo cambia en los tonos medios la componente Verde almáximo. Puedes comprobar como el fondo se acerca al verde. Prueba a hacer lo mismo paralos dos rangos restantes, Sombras y Puntos de luz.3) Vamos a aplicar un filtro a la imagen paisajística. Existe una amplia gama de filtros, perotodos ellos funcionan de forma idéntica, ya que son transformaciones matemáticas de lasimágenes. Para probar, aplicaremos un filtro cubista (Filtros -> Artístico -> Cubismo) anuestra imagen. Podéis seleccionar los valores por defecto o jugar con ellos si así lo deseáis.4) Las herramientas de tratamiento de imágenes permite superponer varios elementos a unamisma imagen. La idea subyacente es tener una sucesión de capas, donde las capassuperpuestas tienen zonas transparentes que dejan ver elementos de las capas inferiores. Sepueden ver las capas de la imagen, yendo al menú Diálogos->Capas. Ahora mismo, ¿cuántascapas hay? En la ventana principal de GIMP, escoge la herramienta para introducir texto (la“T”) y escribe tu nombre en la primera línea e “Informática Básica” en la segunda. Con laherramienta correspondiente puedes mover el texto por la imagen hasta dejarlo donde más teguste. Vuelve al diálogo de capas. ¿Cuántas capas hay ahora? Pulsa sobre el ojo para hacerinvisible las capas. ¿Puedes ver cómo muestra que la capa de texto es principalmentetransparente?5) Guarda la imagen resultante primero en el formato nativo de GIMP (tipo “GIMP XCFImage”) y luego como un JPG (utilizando los valores por defecto). Abre el JPG con elGIMP y observa el número de capas que tiene esta imagen. ¿Qué es lo que ha pasado?¿Sabrías decir cómo se guarda el texto de la imagen? ¿Es información textual como vimosen una práctica anterior o es parte de la imagen (y, por tanto, son píxeles)?Ejercicio 3: Gráficos VectorialesIntroducción: Además de las imágenes pixeladas (compuestas por píxeles), existen otro tipo deimágenes en donde la información no viene dada por el conjunto de puntos que compone la imagen,sino por descripciones matemáticas, como por ejemplo líneas, círculos, cuadrados, etc. Estesegundo tipo de imágenes se conocen como gráficos vectoriales. En este ejercicio, introduciremosbrevemente este tipo de imágenes con la ayuda de la aplicación (Ilustrador de Vectores) Inkscape.1) Abre Inkscape y crea una imagen vectorial. Por ejemplo, dibuja un círculo y dentro pon tunombre. Guárdalo con el nombre “vectorial.svg” en el formato vectorial SVG primero yluego expórtalo a mapa de bits como “vectorial.png” en formato PNG (acepta los valorespor defecto). Observa el tamaño en KB en el disco duro de las dos imágenes. ¿De quédepende el tamaño en ambos casos?2) Abre “vectorial.svg” y “vectorial.png” desde el editor de textos. ¿Cuál te deja abrir y cuálno? ¿Por qué? Habrás observado que el formato SVG es un formato que tiene similitudescon el HTML (está basado en etiquetas). Realiza una búsqueda por tu nombre y podrás verque lo guarda en texto (y no como en las imágenes pixeladas como píxeles).