N
Nombre de la materia Desarrollo de páginas web Nombre de la Licenciatura INGENIERIA EN SISTEMAS COMPUTACIONALES Nombre del alumno xxxxxxx Matrícula 0000000000000 Nombre de la Tarea Xxxxxxxx Unidad # Xxxxxxxxxxxxxxxxxxxxxxxxxxx0x0x0x0x0x
Unidad 4: Imágenes digitales Desarrollo de páginas web
ACTIVIDAD 4 “¿Sabías que… Lo primero que hacemos cuando queremos conocer a una empresa es buscarla por Internet, mirar sus redes sociales, analizar cual es la imagen que proyecta, de ahí la importancia del adecuado manejo de la imagen digital”.
Objetivos:
Reconocer los diferentes formatos de las imágenes digitales y su utilización.
Identificar las características de las imágenes digitales.
Instrucciones: Revisa los siguientes materiales pertenecientes a los recursos de la semana 4: Página web
Formatos de imágenes . (Ministerio de Educación, Política Social y Deporte, 2008). Describe los procedimientos más habituales de optimización y
tratamiento de
imágenes.
Imagen
digital:
conceptos
básicos.
(González,
2005).
Explica los conceptos relacionados al uso y diferenciación de las imágenes. Deberás
descargar
la
actividad
en
Word
y
responder
directamente
documento.
Forma de evaluación: Criterio
Ponderación
Presentación
10%
Desarrollo de ejercicios
90%
Ejercicio I
20%
Ejercicio II
20%
Calificación obtenida
en
el
Unidad 4: Imágenes digitales Desarrollo de páginas web
Ejercicio III
15%
Ejercicio IV
20%
Ejercicio V
15%
Desarrollo de la actividad: I.
Las imágenes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.
Completa el siguiente cuadro con la ventaja e inconveniente de los formatos de imágenes propuestos (Valor 20%).
BMP (Bitmap = Mapa de bits) Ventaja:
No
sufre
perdida
de
calidad y guarda gran cantidad de
Inconveniente: Archivo de tamaño muy grande
información de la imagen
GIF (Graphics Interchange Format = Formato de Intercambio Gráfico) Ventaja: Formateo idóneo para
Inconveniente: Utiliza una paleta
publicar dibujos en la web
de 256 colores
JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos) Ventaja:
Ideal
para
fotografías en la web
publicar
Inconveniente: Si se define un factor de compresión se pierde calidad
TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada)
Unidad 4: Imágenes digitales Desarrollo de páginas web
Ventaja:Ideal
para
archivar
archivos originales
Inconveniente: produce archivos muy grandes
PNG (Portable Network Graphic = Gráfico portable para la red) Ventaja: Admite la posibilidad de
Inconveniente:
utilizar un numero de colores
reciente
superior
soportado
Debido
aparición en
a
solo
su es
navegadores
modernos como IE4 o superior.
II.
Las imágenes digitales más utilizadas en la actualidad tienen los formatos: BMP, GIF, JPG, TIF y PNG; y cada una de ellas tiene unas propiedades que definen su nivel de utilización.
Responde si es Falso o Verdadero considerando el nivel de utilización de los diferentes formatos de las imágenes digitales (Valor 20%). Afirmaciones El formato GIF ha sido muy utilizado porque fue desarrollado para
Falso o verdadero FALSO
aplicaciones Windows. El formato BMP ha sido diseñado específicamente para comprimir
FALSO
imágenes digitales. Cada vez que se modifica y guarda un archivo JPEG, se puede
VERDADERO
perder algo de su calidad si se define cierto factor de compresión. El formato TIF utiliza cualquier profundidad de color de 1 a 32 bits.
VERDADERO
El formato BMP es un formato de reciente difusión alternativo al
VERDADERO
GIF.
Unidad 4: Imágenes digitales Desarrollo de páginas web
III.
Cuando producimos imágenes, tomando fotos o escaneando un documento, por ejemplo, tenemos que tomar algunas decisiones para alcanzar un compromiso entre la calidad de la imagen y el tamaño del archivo. Para tomar bien esas decisiones hay que tener claros algunos conceptos básicos.
Escribe la deficnición para los conceptos propuestos (Valor 15%).
CONCEPTO 1. TONO
DEFINICIÓN LONGITUD DE ONDA DOMINANTE EN LA LUZ EMITIDA O REFLEJADA EN UN OBJETO
2.- PROFUNDIDAD
NUMERO DE BITS UTILIZADOS PARA DESCRIBIR EL COLOR DE CADA PIXEL DE LA IMAGEN
3.- RESOLUCIÓN
CANTIDAD DE PIXELES QUE DEFINEN A LA IMAGEN
4.- SATURACIÓN
PROPIEDAD QUE DESCRIBE LA VIVEZA DE UN COLOR
5.- LUMINOSIDAD
DESCRIBE LA CANTIDAD DE LUZ REFLEJADA.
IV.
Vivimos una era en la que todas las formas de la información están sufriendo un proceso de digitalización. Las imágenes, por supuesto, no han podido escapar a este proceso. La fotografía, el cine, la televisión, el diseño gráfico e, incluso, el diseño industrial producen miles de imágenes digitales, que son almacenadas en algún soporte físico, enviadas por un medio de transmisión electrónico, presentadas en una pantalla o impresas en papel en algún dispositivo.
Unidad 4: Imágenes digitales Desarrollo de páginas web
Relaciona
las
siguientes
columnas
colocando
en
el
paréntesis
el
número
correspondiente (Valor 20%).
DESCRIPTOR 1.- MODO CMYK
CONCEPTO (3)
Están compuestas por entidades geométricas simples: segmentos y polígonos básicamente.
2.- LAS IMÁGENES DE MAPA DE
(2)
BITS
Están construidas mediante una gran cantidad de cuadraditos, llamados pixel.
3.- IMÁGENES VECTORIALES
(1)
Modo de color que se utiliza para describir el color que se obtendría si tiñésemos un papel con tintas de colores.
4.- MODO HSB
(6)
Al estar compuesta también por puntos o dots muy próximos entre sí, es calculada con el número de puntos por unidad de longitud en la pantalla.
5.- MODO RGB
(4)
Clasifica los colores de acuerdo a tres características básicas: tono, saturación y luminosidad.
6.- RESOLUCIÓN DEL MONITOR
V.
Los programas más utilizados para generar, o editar imágenes bitmap son el famoso Photoshop de Adobe y el Photopaint de Corel. Afortunadamente, existe una alternativa de software libre llamada The Gimp, un programa excelente, potente y profesional, que tiene muy poco que envidiar al costoso Photoshop.
Unidad 4: Imágenes digitales Desarrollo de páginas web
Completa los espacios compartiendo la imagén solicitada según el caso (Valor 15%). 1. Imágen con resolución adecuada
2. Imágen con baja resolución
3. Imágen de un bit de profundidad
Unidad 4: Imágenes digitales Desarrollo de páginas web
4. Imágen de 16 bit de profundidad