Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Ingenieria en Sistemas Computacionales

Nombre del alumno

Oscar Dali Flores Gutierrez

Matrícula
010582403

Nombre de la Tarea
Actividad 4

Unidad 4
Unidad 4. Imágenes digitales

Nombre del Profesor

Miguel Angel Zavaleta Esquivel

Fecha
16/10/2019
 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 en el

documento.

Forma de evaluación:

Criterio Ponderación Calificación obtenida

Presentación 10%

Desarrollo de ejercicios 90%

Ejercicio I 20%
Ejercicio II 20%
 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: Puede ser comprimido en Inconveniente: Las imágenes BMP

un ZIP, RAR (o similares), reduciendo no están comprimidas, por lo tanto
el tamaño del archivo a más de la ocupan mucho más que la misma
mitad (y obviamente pudiendo imagen en otro formato con
descomprimirlo íntegramente). compresión (como el JPG).

GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)

Ventaja: El peso de los archivos es Inconveniente: Diseñarla toma

considerablemente menor al de un
video, por lo que subirlo o descargarlo
no consume mucho. Al mismo tiempo,
algunas aplicaciones lo han
incorporado como acceso rápido para
ser compartido, así como Twitter que
tiene un teclado exclusivo para este
tipo de contenido.
más tiempo y recursos que una
imagen fija en JPG, ya que se debe
considerar la planificación y validación
del relato junto a la ejecución de la
imagen en distintos programas. De
todas maneras sigue siendo mucho
más económico que un video, tanto en
su ejecución como en la subida y
carga.
 Unidad 4: Imágenes digitales
Desarrollo de páginas web

JPG-JPEG (Joint Photographic Experts Group = Grupo de

Expertos Fotográficos Unidos)
Ventaja: Puede ser comprimido Inconveniente: Genera pixelación
aún configurándola con la mayor
hasta 100 veces.
calidad.

TIF-TIFF (Tagged Image File Format = Formato de Archivo de

Imagen Etiquetada)
Ventaja: Permite manejar varias Inconveniente: Algunos visores de
imágenes y metadatos en un único pc y móvil pueden tener problemas
archivo. para procesar este tipo de imagen.

PNG (Portable Network Graphic = Gráfico portable para la red)

Ventaja: Ideal para el desarrollo de Inconveniente: Imágenes con

logotipos, botones y otro tipo de muchos elementos y colores pueden
imágenes que necesiten conservar pesar mucho más que su equivalente
una buena resolución. en jpg.

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.
 Unidad 4: Imágenes digitales
Desarrollo de páginas web

Responde si es Falso o Verdadero considerando el nivel de utilización de los

diferentes formatos de las imágenes digitales (Valor 20%).

Afirmaciones Falso o verdadero

El formato GIF ha sido muy utilizado porque fue desarrollado para 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.

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.
 Unidad 4: Imágenes digitales
Desarrollo de páginas web

Escribe la deficnición para los conceptos propuestos (Valor 15%).

CONCEPTO DEFINICIÓN

1. TONO 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
 Unidad 4: Imágenes digitales
Desarrollo de páginas web

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.

Relaciona las siguientes columnas colocando en el paréntesis el número

correspondiente (Valor 20%).

DESCRIPTOR CONCEPTO

1.- MODO CMYK (3) Están compuestas por entidades

geométricas simples: segmentos
y polígonos básicamente.

2.- LAS IMÁGENES DE MAPA DE (2) Están construidas mediante una

BITS 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

 Unidad 4: Imágenes digitales
Desarrollo de páginas web

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.

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

 Unidad 4: Imágenes digitales
Desarrollo de páginas web

3. Imágen de un bit de profundidad

4. Imágen de 16 bit de profundidad

Escriba las referencias bibliográficas (formato APA).

Baética. (2019). ¡Formatos gráficos para imágenes! Ventajas y desventajas - Baética. [online] Available
at: https://baetica.es/formatos-graficos-imagenes/

Team, U. (2019). Crear y escribir un Archivo en ASM - Underc0de - Hacking y seguridad informática.
[online] Underc0de.org. Available at: https://underc0de.org/foro/asm/crear-y-escribir-un-archivo-en-asm/
[Accessed 16 Oct. 2019].

Cv.uoc.edu. (2019). Producci�n de im�genes - Conceptos previos - Profundidad de color o resoluci�n

de bit. [online] Available at: http://cv.uoc.edu/UOC/a/moduls/90/90_574b/web/main/m6/c2/12.html