Unidad Imagen guia estudio parte 1

SAVE OFFLINE

Tecnologías de la información Ciudad de Buenos Aires Nueva Escuela Secundaria Objetivos y contenidos troncales CUARTO AÑO

😢😥😪🤤😓😭🤩😵😲🤯🤐😷🤕🤒🤮🤢🤧😴💤😈👿👹👺💩👻💀☠👽🤖 🎃😺😸😹😻😼😽🙀😿😾👐🤲🙌👏🙏🤝👍👎👊✊🤛🤜🤞✌🤘🤟👌👈👉👆👇☝ ✋🤚🖐🖖👋🤙💪🖕✍🤳💅👄👅👂👃👁👀🧠👤👥🗣👶🧒👦👧🧑👨🧔👱 ♂️👩👱

Tecnologías de la Información 4º año de la NES (TI4), CABA Guía teórica de los contenidos del segundo trimestre; Procesamiento de imágenes digitales. • Concepto de imagen digital. • Técnicas de edición de imágenes basadas en capas.

Procesamiento de texto, audio y video digital. • Técnicas y herramientas de edición de textos, video y audio y web.

Contenidos Alcances y sugerencias para la enseñanza • Planificación de proyectos de producción audiovisual.

Profesor: Lic. Leonardo Cancino. Material de consulta: Tecnología de la Información. Una asignatura presente en 3º, 4º y 5º año de todas las orientaciones de la NES-CABA. Nueva Escuela Secundaria de la Ciudad de Buenos Aires. Diseño Curricular. DGPIE – Ministerio de Educación - GCBA. Publicado el 12/12/2014 en: http://integrar.bue.edu.ar/docentesba/wp-content/uploads/2014/12/Cuadro-de-Objetivos-de-AprendizajeNES.pdf Propuesta de planificación anual para Tecnologías de la Información 4º año de la NES (TI4) CABA. Fundación Sadosky, 2018. Libro digital, PDF - (Program.AR. Materiales para Tecnologías de la Información, CAB ; 3) Archivo Digital: descarga ISBN 978-987-27416-4-8. Las tecnologías de la información y la comunicación en la enseñanza. Manual para docentes. Cómo crear nuevos entornos de aprendizaje abierto por medio de las TIC. División de Educación Superior UNESCO 7, place de Fontenoy 75352 París 07 SP, Francia©2005, UNESCO.

1

Representación de imágenes Objetivos • Comprender cómo se representan las imágenes en las computadoras. • Identificar al píxel como unidad de representación y las formas en que organiza la información en imágenes en color o en blanco y negro. • Analizar la relación entre las características de una imagen y su tamaño, distinguiendo entre resolución y profundidad de color. • Comprender la diferencia entre formatos de imagen con compresión y con pérdida y sin pérdida de información. • Identificar los formatos de imágenes más utilizados y sus principales características. Palabras clave; Imagen. Píxel. Formatos de imagen Como se ha visto en clase la representación de imágenes digitales y el almacenamiento de información digital, surge como una necesidad impulsada por las nuevas Tecnologías de la Información y las Comunicaciones. Para ello reconocemos las principales partes de la computadora, ya sea una maquina de escritorio o Notebook.

Notebook

PC escritorio (Desktop) Existen varias ventajas y desventajas entre que usar, la principal es el costo y el rendimiento que puede obtenerse de cada configuración. La portabilidad juega un papel importante a la hora de transportarnos, si necesitamos trabajar con la notebook, de lo contrario una desktop es una buena opción.

2

Ambas maquinas guardan la información en el disco duro, se llama así al tipo de Hardware, que ya sea magnético o sólido, guarda toda la información necesaria, desde el sistema operativo hasta nuestros datos y programas.

Los dispositivos de almacenamiento de datos no volátil emplean un sistema de grabación magnética para almacenar datos digitales. Como se ve en la imagen graba la información en platos o discos rígidos, unidos por un mismo eje que gira a gran velocidad dentro de una caja metálica sellada. Sobre cada plato se sitúa un cabezal de lectura/escritura que flota sobre una delgada lámina de aire generada por la rotación de los discos. Para las unidades de estado sólido, SSD este tipo de dispositivo almacena datos utiliza memoria no volátil, como la memoria flash, para almacenar datos, en lugar de los platos o discos magnéticos de las unidades de discos duros (HDD) convencionales.

Para la representación de las imágenes, las computadoras utilizan las placas de video, o tarjetas de video, las cuales permiten obtener información gráfica.

Las tarjetas de video pueden ser instaladas en las ranuras PCI de la placa madre o estar integradas a ellas. Esta diferenciación también tiene relación con el tema de costos, las memorias incluidas en las tarjetas graficas permiten tener una mayor velocidad de lectura y resolución, gran ventaja al usar juegos en red.

3

Imagen Una imagen permite describir una figura, representación, semejanza, aspecto o apariencia de una determinada cosa. Interpretamos una idea, desde la figuración, percepción, pensamiento y el concepto de la figura observada en el mundo real. Para la representación de esa imagen y llevarla al concepto de la informática, se realiza un proceso mecánico desde lo analógico a lo digital, es un ejemplo de esto el escanear una imagen en papel o fotografía, para luego verla en el monitor. Las imágenes digitales se caracterizan por estar definidas por pixeles. Un píxel es la menor cantidad de información homogénea que podemos contar de una imagen digital. Al momento de realizar el Zoom en una imagen, llegamos al ver el detalle de cada cuadradito de color, diferenciados unos de otros, esa mínima unidad es el pixel.

Cada píxel contiene la información del color, la cual puede o no contener transparencia, y ésta se consigue combinando el rojo, el verde y el azul. Un mapa de bits es la unión en posiciones de los pixeles y de la información de cada uno. De acuerdo al canal con el que se trabaja se pueden obtener imágenes en lo que se denominan imágenes pancromáticas o monocromáticas en la mescla de luces en la escala de negro y blanco.

4

La imagen se sitúa en el monitor de acuerdo a coordenadas, las cuales se leen desde el lado izquierdo superior hacia la derecha y descendiendo de manera lineal. Por ejemplo, queremos pintar una función y = sin (x). La x va desde 0 hasta 2*PI, mientras que la y varía de -1 a 1. La zona de pantalla en la que queremos dibujar eso puede ocupar, por ejemplo, 300 pixeles de ancho y 200 de alto. La coordenada superior izquierda de esa zona suele ser la 0,0.

De esta forma obtenemos otro concepto que es la resolución de la imagen, donde la imagen va a estar construida por el ancho y alto de la cantidad de pixeles que la componen, vinculada al nivel de detalle que puede observarse en ésta. Siendo esta una noción habitual en la fotografía digital, a mayor resolución, mayor calidad visual y detalle. Recordamos, cuando tenemos un conjunto de 8 bits (por ejemplo: 11000101), se le llama byte, entonces podemos decir que 1 byte son 8 bits (8 dígitos entre ceros y unos) Con 8 bits tenemos 1 byte. Con 1024 bytes tenemos 1 kilobyte (1 kb). Con 1024 kilobyte tenemos 1 megabyte (1 mb). Con 1024 megabyte tenemos 1 gigabyte (1 Gb). Con 1024 gigabyte tenemos 1 terrabyte (1 TB). Mientras que para las imágenes que vemos en un monitor, nos basta con el tamaño expresado en píxeles ancho x píxeles alto (por ejemplo 510x705 píxeles) 5

Para impresión y otros tipos de salida la resolución de impresión es un concepto muy importante que nos indica el número de pixeles que hay en una pulgada – ppp–, o en un centímetro –ppcm– (Una pulgada equivale a 2,53 centímetros: 1” ≈ 2,53 cm). Este será un ajuste que habrá que realizar en función del tipo dispositivo de impresión (su resolución) y suele ajustarse normalmente a valores comprendidos entre 180 y 300 o más ppp). La definición de una imagen depende en gran medida de la resolución.

Para imágenes que se van a ver en monitores y televisores la resolución de salida, cuando se ajusta suele hacerse a valores comprendidos entre 72 y 96 ppp (sobre todo el primero), que son "en principio" los valores de puntos por pulgada de monitores y televisores de hace algún tiempo. En estos casos es mejor ajustar teniendo en cuenta el tamaño (por ejemplo, 283x392 píxeles) 1

1

https://sites.google.com/site/ticvalcarcel/optimizacion-de-imagenes-para-internet/optimizando-fotos

6

2

Resoluciones habituales en monitores de ordenador y sus diferencias relativas – hacer clic para ampliar la imagen

La profundidad de color o bits por píxel (bpp) es un concepto de la computación gráfica que se refiere a la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital. Debido a la naturaleza del sistema binario de numeración, una profundidad de bits de n implica que cada píxel de la imagen puede tener 2n posibles valores y por lo tanto, representar 2n colores distintos. Para las profundidades de color inferiores o iguales a 8, los valores de los píxeles hacen referencia a tonos RGB indexados en una tabla, llamada habitualmente caja creadora de colerización o paleta. Los tonos en dicha tabla pueden ser definidos por convención o bien ser configurables, en función de la aplicación que la defina. A continuación, se mencionarán algunas profundidades de color en la gama baja, así como la cantidad de tonos que pueden representar en cada

2

https://www.ciudadano2cero.com/wp-content/uploads/2011/06/resoluciones-monitor.png

7

pixel y el nombre que se le otorga a las imágenes o framebuffers que los soportan.

1 bit por píxel 2 bits por píxel 3 bits por píxel 4 bits por píxel

21 22 23 24

2 colores 4 colores 8 colores 16 colores

5 bits por píxel 6 bits por píxel 7 bits por píxel 8 bits por píxel

25 26 27 28

32 colores 64 colores 128 colores 256 colores

9 bits por píxel 10 bits por píxel 12 bits por píxel 16 bits por píxel 24 bits por píxel

29 210 212 216 224

32 bits por píxel

232

64 bits por píxel

264

512 colores 1024 colores 4096 colores 65536 colores 16.777.216 colores 4,29E+09 colores 1,84467E+19 colores

modo de color monocromático modo escala de grises monitores en color CRT RGBI estándar EGA. Macintosh en color, Atari ST, Commodore 64, Amstrad CPC, MSX2. modelo de color RGB modelo de color RGB modelo de color RGB modo de color indexado. Permite obtener hasta 256 colores en un archivo de imagen de 8 bits. VGA. Super VGA, Ultra VGA UHDTV.

color verdadero 256 valores para cada tono primario un cuarto canal denominado alfa

8

Modelo de color RGB

9

Relación aspecto de una imagen comprimida

Relación del peso según las extensiones de imágenes guardadas. Cuando nos referimos al tamaño de un archivo de imagen este tiene un tamaño, peso específico que se obtiene de la combinación de diversos factores, como los colores que utiliza, la cantidad de pixeles de la imagen, el formato empleado, el nivel de compresión, si es foto, si es un dibujo, etc. Por lo tanto, se puede decir qué formatos gráficos, en general, suelen ser más pesados que otros dependiendo de sus características de compresión, cantidad máxima de colores que acepta, información general que almacena, etc. Veremos una lista de los más destacados, el más pesado es el BMP, porque estas imágenes no tienen compresión. Luego está el PNG, porque es un formato comprimido, pero sin pérdida de calidad en dicha compresión. Luego está el JPG, 10

porque es un formato que comprime, pero pierde calidad la imagen, esto permite que, en general, las imágenes jpg ocupen menos que las anteriores. Finalmente, el gif porque suelen ser archivos pequeños y no tienen más de 256 colores.

BMP3 BitMaP o Mapa de Bits es una extensión de archivos de imagen del formato llamado Mapa de Bits, donde existe una matriz de píxeles que se le asigna una dirección asociada un código de color específico, constituyendo una imagen. Poseen una compresión sin pérdida de calidad y suelen ocupar mucho espacio de almacenamiento. Ventajas del formato BMP - BMP admite hasta 24 bits (color verdadero). - Es compatible con los programas de Windows, incluso los más antiguos. Desventajas del formato BMP - BMP no tiene compresión por lo que sus archivos son muy grandes (sólo compresión RLE, que es muy básica). - Muchos exploradores web no admiten archivos BMP. - No admite transparencias. GIF (Graphics Interchange Format - Formato de Intercambio de Gráficos). Extensión y formato de imagen creado por CompuServe en 1987 soportable en múltiples plataformas. Suele utilizarse para gráficos, especialmente pequeños, que pueden ser animados, con un máximo de 256 colores. Es muy utilizado en Internet. Es un formato que utiliza compresión sin pérdida de información. También se emplea en animaciones GIF, como secuencia de imagen en movimiento, Ventajas del GIF • GIF es muy empleado en internet y aceptado por todos los navegadores. • GIF permite transparencias y compresión sin pérdida de calidad. • Permite animación. Desventajas del GIF • GIF sólo permite 256 colores en total. 3

http://www.alegsa.com.ar/Dic/color verdadero.php

11

PNG (Portable Network Graphics - Gráficos Portables de Red). Formato gráfico comprimido sin pérdida de calidad. Sus archivos tienen la extensión ".png". Es un formato abierto. Originalmente el nombre PNG significaba PNG s Not GIF (PNG no es GIF). PNG nace, justamente, para reemplazar y mejorar al formato GIF puesto que en 1995 la empresa Unisys anunció que haría cumplir la patente para su algoritmo de compresión de datos LZW (utilizado en los archivos GIF). También vieron necesario mejorar el formato GIF que está limitado a 256 colores por imagen. La primera versión de PNG fue liberada el 1 de julio de 1996 y tres meses después fue recomendada por la W3C. Y en octubre de ese mismo año obtuvo su MIME: (image/png). PNG no soporta animación como los GIF, pero existe el formato MNG que es su variante animada. Ventajas del PNG • PNG admite muy buena compresión sin pérdida de calidad. • PNG permite transparencia en el canal alfa. • PNG permite corrección de gamma. • PNG permite entrelazado. • PNG es compatible con todos los navegadores web recientes.

• • •

Desventajas del PCX Antiguos navegadores web pueden no admitir el formato PNG. Admite menos compresión que los archivos JPG (estos tienen pérdida de calidad). No admite animación.

JPG (Joint Photographic Experts Group) Nombre del comité que desarrolló el estándar JPEG para la compresión de imágenes. El JPEG es un algoritmo diseñado para comprimir imágenes fijas con 24 bits de profundidad o en escala de grises. La compresión es con pérdida de calidad, por lo tanto, al descomprimir la imagen no es la misma; igualmente (dependiendo del grado de compresión) la calidad es aceptable. Está especialmente diseñado para comprimir fotografías, pues en gráficos, la pérdida de calidad se hace evidente. Los ficheros que utilizan esta compresión llevan la extensión .jpe o .jpg Ventajas del JPEG • Permite gran compresión, aunque con pérdida de calidad. • El nivel de compresión/calidad puede controlarse. • Permite entrelazado (para archivos JPEG progresivo).

12

• JPEG es una estándar de imagen muy empleado en internet y aceptado por todos los navegadores. • Adecuado para fotografías. Desventajas del JPEG - La compresión es con pérdida de calidad. - A medida que se edita y guarda archivos JPEG, la degradación es acumulativa. - JPEG no es adecuado para dibujos o imágenes con textos. TIFF (Tagged Image File Format - formato de fichero de imágenes etiquetado). Formato de fichero para el almacenamiento de imágenes creado a mediados de los 80. Originalmente fue desarrollado por la compañía Aldus (en conjunto con Microsoft) para ser usado en impresoras PostScript. TIFF es un formato popular para imágenes de color verdadero y es ampliamente soportado por las aplicaciones de manipulación de imágenes y por otros tipos de aplicaciones, e incluso por cámaras digitales. Actualmente es Adobe Systems la empresa encargada de controlar las especificaciones TIFF, aunque no ha tenido mayores modificaciones desde 1992. Los archivos TIFF suelen tener la extensión ".tiff" o ".tif". Las imágenes TIFF no pierden calidad en compresión. De hecho, TIFF permite compresión LZW. Las TIFF suelen ser ficheros bastante pesados, pero permiten la máxima calidad en las imágenes. Ventajas del formato TIFF • TIFF tiene gran compatibilidad con aplicaciones. • Permite compresión opcional. • El formato extensible admite muchas características opcionales. Desventajas del formato TIFF • TIFF no es compatible con algunos navegadores Web. • La extensibilidad da como resultado múltiples tipos diferentes de imágenes TIFF, por lo que no todos los programas admitirán todos estos tipos.

PSD Documento de Adobe Photoshop. Formato gráfico propiedad de Adobe. Es utilizado por Photoshop y permite composición por capas. Prácticamente no es compatible con programas que no sean de Adobe. 13