2. Imagen Digital

5,896 views

Published on

Laboratorio de Producción Multimedia I
Postítulo en Comunicación Audiovisual

  • Be the first to comment

2. Imagen Digital

  1. 1. Imagen D igital Conceptos Básicos
  2. 2. Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video. > | Qué es una Imagen?
  3. 3. >| Imagen D igital Consideramos Imágenes Digitales a aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores.
  4. 4. El concepto de píxel Un píxel es cada uno de los pequeños cuadraditos que componen una imagen digital. Podemos hacernos una idea comparando una imagen digital con un mural formado por cientos de pequeños mosaicos de colores. Cada una de esos mosaicos sería un píxel. Cuando nos acercamos al mural vemos cada una de estos mosaicos; al alejarnos lo suficiente vemos una imagen continua, un todo. >| Imagen D igital
  5. 5. El píxel es la unidad mínima de información de una imagen digital, pero a diferencia de los mosaicos puede tener hasta 16,7 millones de colores y pesa bastante menos.
  6. 6. >| Formatos de imagen en un sistema de mapa de bits. - JPG o JPEG: Es uno de los formatos más conocidos y utilizados por su calidad y peso de los archivos. - GIF: Este tipo de archivo se creó con la finalidad de obtener archivos de tamaño muy pequeños. Es recomendado para guardar imágenes NO fotográficas tales como: Logotipos, imágenes de colores planos, dibujos simples, etc. (8 bits-256 colores) - PNG: Es un formato gráfico que comprime sin pérdida de datos y de uso libre. Almacena imágenes con una mayor profundidad de color (hasta 24 bits)
  7. 7. >| Diferencias, ventajas y desventajas. Pantalla Impresión .jpg, .gif, .png .pdf, .swf Estos formatos pueden incluir gráficos de vectores y fuentes editables .tiff , .psd, .bmp .eps, .jpg y .png (alta calidad). Estos formatos guardan mayor calidad de imagen pero su peso es considerablemente mayor
  8. 8. El Bit y el color Los gráficos de mapa de bits almacenan una completa información sobre el color de cada uno de sus píxeles constituyentes. Cuantos más colores pueda tener la imagen, más calidad final tendrá y más información será necesario almacenar. Relacionados con el número de colores posibles, sus características y su almacenamiento encontramos como característica fundamental la Profundidad del color 8 bits 16 bits
  9. 9. Profundidad de color La profundidad de color de una imagen se refiere al número de colores diferentes que puede contener cada uno de los puntos o píxeles que la forman, y depende de la cantidad de información (número de bits) que puede almacenar un píxel.
  10. 10. Profundidades de color Cuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de tonos (escala de grises o color) que puedan ser representados, más colores habrá disponibles y más exacta será la representación del color en la imagen digital. Las imágenes digitales se pueden producir en blanco y negro, a escala de grises o a color.
  11. 11. Modo: - Bitmap 1 bit (2 tonos blanco o negro) por pixel - Escala de Grises 8 bits (256 colores o grises) por pixel - RGB 24 bits (imagenes en color 16,7 millones de colores) por pixel - CMYK 32 bits (para impresion)
  12. 12. Jpg - Modo RGB - 8 bits 167 Kb. Gif 256 colores 111 Kb. Jpg - Modo Escala de Grises- 8 bits 127 Kb.
  13. 13. PPP o PPI o DPI Le resolución es la medida de los detallada y precisa que es una imagen. La escala de resolución se mide en píxeles por pulgada (PPP o DPI o PPI). Cuanto mayor sea la resolución, más detallada y definida es la imagen. Por lo tanto más pesada. Qué formato y resolución utilizar e acuerdo al uso: - Diseños en pantalla: web, cds. interactivo o presentaciones multimediales Fotos: .jpg o .png Gráficos: Vectoriales .swf o .gif o .png Resolución: 72 o 96 dpi - Diseños imprimibles: folletos, afiches impresiones laser, transparencias, etc. Fotos: .tiff, .psd, .bmp, .jpg o .png (alta calidad) Gráficos: vectores o psd o tiff o pdf Resolución: de 150 a 300 dpi (dependiendo del tamaño de impresión) Resolución de una imagen (Importante para el peso de la imagen)
  14. 14. Foto en .jpg con 72 dpi 168 Kb. Foto en .jpg con 300 dpi 1167 Kb. ó 1.14 Mb El monitor las va a mostrar similares pero el peso será notoriamente menor mientras menos dpi tenga
  15. 15. >| Conclusión 1 La para la Optimización de imágenes para diseños de pantalla se deberá tener en cuenta La calidad de la imagen en relación con el menor peso posible para lograr presentaciones Atractivas y de rápida visualización. <ul><li>Para fotografías: </li></ul><ul><li>formato .jpg o .png </li></ul><ul><li>72 dpi de resolución </li></ul><ul><li>8 bits de profundidad </li></ul><ul><li>(este formato no soporta más que eso) </li></ul><ul><li>- Modo RGB </li></ul><ul><li>Para logos simples con colores planos: </li></ul><ul><li>formato .gif </li></ul><ul><li>72 dpi de resolución </li></ul><ul><li>Modo Indexado </li></ul>
  16. 16. <ul><li>Softwares de tratamiento de imágenes más utilizados: </li></ul><ul><li>Photoshop </li></ul><ul><li>Fireworks </li></ul><ul><li>Picnik (editores online) </li></ul><ul><li>Splashup (editores online) </li></ul>

×