El documento describe diferentes formatos digitales para imágenes, video, audio y texto. Explica que los formatos TIFF, GIF, JPG, PNG no son todos adecuados para la web, y que la elección de formato depende del tipo de contenido y su uso previsto. También define conceptos clave como píxeles, resolución, profundidad de color y tamaño de archivo en relación a las imágenes digitales.

1. Formatos Digitales
Date

2. Formatos Web
✤ TIFF, GIF, JPG, PNG. No todos son adecuados para la web.
✤ Lo mismo en audio, vídeo y texto.

3. Imagen

4. Fundamento de la imagen

5. Fundamento de la imagen
✤ Píxeles: picture element (elemento de imagen). La unidad más pequeña de una
imagen en mapa de bits. cada unidad se ubica en el gráfico con la cualidad
de color. Generan un mosaico, una red de puntos que generan la imagen.

6. Fundamento de la imagen
✤ Píxeles: picture element (elemento de imagen). La unidad más pequeña de una
imagen en mapa de bits. cada unidad se ubica en el gráfico con la cualidad
de color. Generan un mosaico, una red de puntos que generan la imagen.
✤ Resolución: cada píxel tiene color y posición. El número de ellos determina
la calidad de la imagen. Ej: mosaico de piedras. Mientras más piedras más
definición de la imagen. La resolución se mide en píxeles por pulgada.

7. Fundamento de la imagen
✤ Píxeles: picture element (elemento de imagen). La unidad más pequeña de una
imagen en mapa de bits. cada unidad se ubica en el gráfico con la cualidad
de color. Generan un mosaico, una red de puntos que generan la imagen.
✤ Resolución: cada píxel tiene color y posición. El número de ellos determina
la calidad de la imagen. Ej: mosaico de piedras. Mientras más piedras más
definición de la imagen. La resolución se mide en píxeles por pulgada.
✤ PPP: puntos por pulgada / PPI: poin per inch / DPI: dot per inch
(impresión)

8. Fundamento de la imagen
✤ Píxeles: picture element (elemento de imagen). La unidad más pequeña de una
imagen en mapa de bits. cada unidad se ubica en el gráfico con la cualidad
de color. Generan un mosaico, una red de puntos que generan la imagen.
✤ Resolución: cada píxel tiene color y posición. El número de ellos determina
la calidad de la imagen. Ej: mosaico de piedras. Mientras más piedras más
definición de la imagen. La resolución se mide en píxeles por pulgada.
✤ PPP: puntos por pulgada / PPI: poin per inch / DPI: dot per inch
(impresión)
✤ Resolución de pantalla: 72 (640 por 480) - 92 (800 por 600) ppp.

9. Fundamento de la imagen
✤ Píxeles: picture element (elemento de imagen). La unidad más pequeña de una
imagen en mapa de bits. cada unidad se ubica en el gráfico con la cualidad
de color. Generan un mosaico, una red de puntos que generan la imagen.
✤ Resolución: cada píxel tiene color y posición. El número de ellos determina
la calidad de la imagen. Ej: mosaico de piedras. Mientras más piedras más
definición de la imagen. La resolución se mide en píxeles por pulgada.
✤ PPP: puntos por pulgada / PPI: poin per inch / DPI: dot per inch
(impresión)
✤ Resolución de pantalla: 72 (640 por 480) - 92 (800 por 600) ppp.
✤ Resolución de impresión: 150 (baja) y 240 y más para alta calidad. Se mide
en puntos.

10. Buena resolución Mala resolución. Pixelado

12. ✤ Profundidad del color: los monitores proyectan haces de luz roja,
verde y azul a través de una rejilla, formando diminutos píxeles en
la pantalla. Cada uno de los impulsos eléctricos que emite la
pantalla se llama BITS (dígito binario)

13. ✤ Profundidad del color: los monitores proyectan haces de luz roja,
verde y azul a través de una rejilla, formando diminutos píxeles en
la pantalla. Cada uno de los impulsos eléctricos que emite la
pantalla se llama BITS (dígito binario)
✤ 1 bit por píxel: b/negro

14. ✤ Profundidad del color: los monitores proyectan haces de luz roja,
verde y azul a través de una rejilla, formando diminutos píxeles en
la pantalla. Cada uno de los impulsos eléctricos que emite la
pantalla se llama BITS (dígito binario)
✤ 1 bit por píxel: b/negro
✤ 8bits/píxel: 256 tonos diferentes

15. ✤ Profundidad del color: los monitores proyectan haces de luz roja,
verde y azul a través de una rejilla, formando diminutos píxeles en
la pantalla. Cada uno de los impulsos eléctricos que emite la
pantalla se llama BITS (dígito binario)
✤ 1 bit por píxel: b/negro
✤ 8bits/píxel: 256 tonos diferentes
✤ 16 bits/píxel: alta densidad 65.536 colores.

16. ✤ Profundidad del color: los monitores proyectan haces de luz roja,
verde y azul a través de una rejilla, formando diminutos píxeles en
la pantalla. Cada uno de los impulsos eléctricos que emite la
pantalla se llama BITS (dígito binario)
✤ 1 bit por píxel: b/negro
✤ 8bits/píxel: 256 tonos diferentes
✤ 16 bits/píxel: alta densidad 65.536 colores.
✤ 24 bits/píxel: imagen color real (más de 16,7 millones de colores)
Modelo RGB.

17. ✤ Profundidad del color: los monitores proyectan haces de luz roja,
verde y azul a través de una rejilla, formando diminutos píxeles en
la pantalla. Cada uno de los impulsos eléctricos que emite la
pantalla se llama BITS (dígito binario)
✤ 1 bit por píxel: b/negro
✤ 8bits/píxel: 256 tonos diferentes
✤ 16 bits/píxel: alta densidad 65.536 colores.
✤ 24 bits/píxel: imagen color real (más de 16,7 millones de colores)
Modelo RGB.
✤ 32 bits/píxel: permiten reproducir cuatricromía. CMYK

19. ✤ Tamaño de imagen: se mide en Kilobytes, Megabytes o
Gigabytes. Relacionado con el número de píxeles de una
imagen y con la profundidad de color. Esto es el espcio
que ocupa en el disco.
✤ Color RGB: modo estándar de repesentación color en
monitores.

20. Formato Gif

21. Formato Gif
✤ (Graphics Interchange Format). Formato de intercambio de gráficos. GIF
es un formato comprimido diseñado para reducir al mínimo el tiempo
de trasferencia de archivos a través de lineas de teléfono estándares.

22. Formato Gif
✤ (Graphics Interchange Format). Formato de intercambio de gráficos. GIF
es un formato comprimido diseñado para reducir al mínimo el tiempo
de trasferencia de archivos a través de lineas de teléfono estándares.
✤ Máximo de 256 colores, recomendables para imágenes con grandes áreas
de un mismo color. Suelen utilizarse con gran frecuencia, ya que
permiten contener transparencias y animación.

23. Formato .JPG

24. Formato .JPG
✤ JPG: Joint Photographic Expert Group

25. Formato .JPG
✤ JPG: Joint Photographic Expert Group
✤ Formato más universal.

26. Formato .JPG
✤ JPG: Joint Photographic Expert Group
✤ Formato más universal.
✤ Mayor calidad que .GiF al poder contener millones de colores, a un peso
relativamente bajo y tarda menos en descargarse.

27. Formato .JPG
✤ JPG: Joint Photographic Expert Group
✤ Formato más universal.
✤ Mayor calidad que .GiF al poder contener millones de colores, a un peso
relativamente bajo y tarda menos en descargarse.
✤ óptimo para fotos digitales, utiliza texturas, transiciones y degradado.

28. Formato .JPG
✤ JPG: Joint Photographic Expert Group
✤ Formato más universal.
✤ Mayor calidad que .GiF al poder contener millones de colores, a un peso
relativamente bajo y tarda menos en descargarse.
✤ óptimo para fotos digitales, utiliza texturas, transiciones y degradado.
✤ soportado en todos los navegadores y plataformas.

29. Formato .PNG

30. Formato .PNG
✤ Se pronuncia ¨ping¨

31. Formato .PNG
✤ Se pronuncia ¨ping¨
✤ Portable Network Graphic. Formato gráfico basado en algoritmo de
compresión.

32. Formato .PNG
✤ Se pronuncia ¨ping¨
✤ Portable Network Graphic. Formato gráfico basado en algoritmo de
compresión.
✤ Permite archivo de muy bajo peso sin pérdida de calidad

33. Formato .PNG
✤ Se pronuncia ¨ping¨
✤ Portable Network Graphic. Formato gráfico basado en algoritmo de
compresión.
✤ Permite archivo de muy bajo peso sin pérdida de calidad
✤ Soporta transparencias.

34. Formato .PNG
✤ Se pronuncia ¨ping¨
✤ Portable Network Graphic. Formato gráfico basado en algoritmo de
compresión.
✤ Permite archivo de muy bajo peso sin pérdida de calidad
✤ Soporta transparencias.
✤ Web y aplicaciones gráficas

35. Formato .Tiff

36. Formato .Tiff
✤ (Tagged Image File Format) Formato de archivo de imagenes etiquetada.
Un formato de imagen de alta resolución basado en etiquetas. TIFF se
utiliza para el intercambio universal de imágenes digitales.

37. Formato .Tiff
✤ (Tagged Image File Format) Formato de archivo de imagenes etiquetada.
Un formato de imagen de alta resolución basado en etiquetas. TIFF se
utiliza para el intercambio universal de imágenes digitales.
✤ Formato de archivos de gráficos por trama ampliamente utilizado y
desarrollado por Aldus y Microsoft, que maneja monocromático, escala de
grises, color de 8 y 24 bits.

38. Formato .Tiff
✤ (Tagged Image File Format) Formato de archivo de imagenes etiquetada.
Un formato de imagen de alta resolución basado en etiquetas. TIFF se
utiliza para el intercambio universal de imágenes digitales.
✤ Formato de archivos de gráficos por trama ampliamente utilizado y
desarrollado por Aldus y Microsoft, que maneja monocromático, escala de
grises, color de 8 y 24 bits.
✤ Sin pérdidas

39. Formato .Tiff
✤ (Tagged Image File Format) Formato de archivo de imagenes etiquetada.
Un formato de imagen de alta resolución basado en etiquetas. TIFF se
utiliza para el intercambio universal de imágenes digitales.
✤ Formato de archivos de gráficos por trama ampliamente utilizado y
desarrollado por Aldus y Microsoft, que maneja monocromático, escala de
grises, color de 8 y 24 bits.
✤ Sin pérdidas
✤ Alta calidad

40. Photoshop

41. Photoshop
✤ Crear un archivo: establecer ancho, alto,resolución modo de color.

42. Photoshop
✤ Crear un archivo: establecer ancho, alto,resolución modo de color.
✤

43. Photoshop
✤ Crear un archivo: establecer ancho, alto,resolución modo de color.
✤

44. Photoshop
✤ Crear un archivo: establecer ancho, alto,resolución modo de color.
✤

46. ✤ Abrir un archivo: ver características de la imagen.

47. ✤ Abrir un archivo: ver características de la imagen.

48. ✤ Abrir un archivo: ver características de la imagen.

49. Observen formato de imagen en Photoshop
✤ Formato .psd: lo creó Adobe para trabajar imágenes en Photoshop.
Amplia flexibilidad, máxima información, trabajar en capas,
guardar trazados, acepta cualquier modo de color.

50. Trabajo
✤ Subir al Wordpress 2 notas realizadas por ustedes
✤ Cada nota que contenga dos fotos en formato .jpg tamaños:
1.- 380px / 250,
2.- 200px/ 200
✤ Entrega a las 12.30

51. Video

52. MOV
✤ Estandar para imágenes dinámicas
✤ Compatible con PC y Mac
✤ Puede alcanzar calidad profesional
✤ Necesita de Quick Time para ser reproducido
✤ Contiene una o más pistas, que pueden ser audio, video, efectos o
subtítulos
✤ multiplataforma: interactua con películas 3D y realidad virtual

53. AVI
✤ Audio Video Interleave
✤ Funcionamiento simple
✤ Almacena información por capas
✤ Una de video y una de audio
✤ Windows Media Player

54. FLV
✤ Flash Video, .FLV es una extensión de archivo utilizado para transmitir
vídeo por internet empleando reproductor Adobe Flash Player.
✤ Pueden ser integrados dentro de los .swf.
✤ Lo leen prácticamente todos los sistemas operativos, porque casi todos
incluyen adobe flash player o el plugin para el navegador.
✤ Youtube, Google Video, Yahoo!video y My Space emplean este formato.
✤ Calidad muy buena a bajo peso.

55. Audio

56. MP3 - MPEG
✤ Digital estándar
✤ Comprimido
✤ Aprox. 1 min pesa 1MB
✤ Compresión entre 8 a 320 KBPS

57. WAV
✤ Waveform Audio Format
✤ Sin compresión
✤ Almacenar sonidos en windows
✤ 1 min aprox 10 MB

58. MP4
✤ Estándar de formato multimedia. Extensión .mp4.
✤ Se usa especialmente para almacenamiento de video y audio digital, pero
también para subtítulos.
✤ MP4 también permite video fluyente en internet (streaming)
✤ Practicamente idéntico a .mov. Está basado en Quicktime.
✤ M4P: en general se utiliza para la extensión de archivos con derecho de
autor.

59. Texto

60. TXT
✤ Texto sin formato
✤ No admite gráficos ni imagenes
✤ se puede transportar a cualquier formato
✤ Block de Notas o Text Edit

61. PDF
✤ Relacionado con los archivos Adobe Acrobat
✤ visualizar igual en cualquier PC o MAC
✤ sólo se visualiza en Adobe
✤ permite impresión, guardando características.

62. Date

63. Date

65. ✤ File : New Proyect (movie trailers, templates)
✤ Widescreen
✤ Dar un nombre
✤ Importar archivo desde cámara o escritorio
✤ Se cargará completo. Línea de tiempo y genera evento.
✤ Mover el puntero para ver el video.
✤

66. Clip
✤ Seleccionar el clip que quieres usar y arrastrarlo al final
✤ Crear transiciones
✤ Agregar audio y música: clip effects.
✤ Agregar texto
✤ Agregar imágenes

67. Trabajo de hoy
✤ Importar archivos sin template
✤ Hacer un libreto periodístico. Presentar tema y desarrollar. Max 3 min.
✤ Agregar: transiciones, texto, 2 fotos y música (audio)