Conceptos básicos sobre imagen digital

2,924 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,924
On SlideShare
0
From Embeds
0
Number of Embeds
852
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Conceptos básicos sobre imagen digital

  1. 1. Conceptos básicos sobre imagen digital Conocimientos generales necesarios para trabajar mejor con las imágenes digitales Yolanda Mejido González 1
  2. 2. Conceptos básicos sobre imagen digital <ul><li>Hay dos tipos de imágenes digitales: </li></ul><ul><ul><li>Imágenes de gráficos vectoriales: </li></ul></ul><ul><ul><li>Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color. </li></ul></ul><ul><ul><li>Imágenes de mapa de bits: </li></ul></ul><ul><ul><li>“ Bitmap” o mapa de bits, también llamados imágenes matriciales, que están formados por píxeles. </li></ul></ul>Yolanda Mejido González 2 <ul><li>Típos de imágenes digitales </li></ul>
  3. 3. Conceptos básicos sobre imagen digital Los programas de trabajo con uno y otro son completamente diferentes Yolanda Mejido González 3 <ul><li>Típos de imágenes digitales </li></ul>Photoshop, Corel Photo-Paint, Paint Gimp, IrfanView, PhotoScape Gráficos Bitmap Coreldraw, Freehand, Autocad, etc.. Inkscape, Qcad Gráficos Vectoriales DE PAGO GRATUÍTOS
  4. 4. Conceptos básicos sobre imagen digital <ul><li>Se recomienda utilizar programas que manejen el nuevo formato de gráficos vectoriales libre de patentes denominado SVG (Scalable Vector Graphics). </li></ul><ul><li>En él se basa el programa Inkscape bajo licencia GNU-GLP, es decir, totalmente libre, y del cual se ofrece un tutorial en esta misma publicación, para manejo de imágenes vectoriales . </li></ul><ul><li>Otros formatos de imagen vectoriales: </li></ul><ul><ul><li>DXF: Archivo de intercambio AutoCAD dibujo </li></ul></ul><ul><ul><li>CGM: Computer Graphics Metafile (Estandar): </li></ul></ul><ul><ul><li>CDR: CorelDRAW! </li></ul></ul><ul><ul><li>WMF: metarchivo de Windows </li></ul></ul>Yolanda Mejido González 4 <ul><li>Típos de imágenes digitales </li></ul><ul><ul><li>EPS: PostScript encapsulado </li></ul></ul><ul><ul><li>EMF: Metarchivo mejorado </li></ul></ul><ul><ul><li>PICT: Imagen de Macintosh (solo Mackintosh) </li></ul></ul>
  5. 5. Conceptos básicos sobre imagen digital Los gráficos vectoriales ocupan mucho menos espacio que los de imagen en mapa de bits (Requieren almacenar menos información). En los archivos de mapa de bits hay que almacenar para cada píxel, el color, el brillo, etc… Yolanda Mejido González 5 <ul><li>Típos de imágenes digitales </li></ul>3Kb 1887 Kb
  6. 6. Conceptos básicos sobre imagen digital <ul><li>Es decir: </li></ul><ul><ul><li>Mapas de bits (conjunto de píxeles). </li></ul></ul><ul><ul><li>Vectoriales (ecuaciones, escalables). </li></ul></ul>Yolanda Mejido González 6 <ul><li>Típos de imágenes digitales </li></ul>
  7. 7. Conceptos básicos sobre imagen digital Yolanda Mejido González 7 <ul><li>Típos de imágenes digitales </li></ul><ul><li>El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir el efecto de escalado que sufren los gráficos en mapa de bits. Asimismo, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. </li></ul><ul><li>Todos los ordenadores actuales traducen los gráficos vectoriales a gráficos bitmap para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles. </li></ul>
  8. 8. Conceptos básicos sobre imagen digital Yolanda Mejido González 8 <ul><li>Resolución de las imágenes digitales </li></ul><ul><li>Por tanto las imágenes de gráficos vectoriales se pueden ampliar sin pérdida de calidad. </li></ul><ul><li>Pero las bitmap dependen de la resolución (Número de píxeles representados en cada pulgada (2,54 cm) de ancho y de alto en la imagen. </li></ul>72X72ppp significa que en este sector hay 72 píxeles de ancho y 72 de alto, es decir 5184 píxeles.
  9. 9. Conceptos básicos sobre imagen digital Yolanda Mejido González 9 <ul><li>Resolución de las imágenes digitales </li></ul><ul><li>Una imagen con poca resolución deberemos visualizarla en pequeño, porque si la ampliamos en exceso se “pixela”. </li></ul>
  10. 10. Conceptos básicos sobre imagen digital Yolanda Mejido González 10 <ul><li>Resolución de las imágenes digitales </li></ul><ul><li>A más resolución mayor peso del archivo, por lo tanto, debemos tener en cuenta a qué tamaño se van a visualizar las imágenes y también si la imagen se va a destinar a impresión o a pantalla: </li></ul><ul><ul><li>Una imagen para ser impresa no debe tener una resolución inferior a 150ppp. </li></ul></ul><ul><ul><li>Una imagen destinada a ser vista en un monitor no debe tener una resolución baja pero tampoco exceder los 72 ppp, porque los monitores normales no pueden representar más de 72ppp, (peso inútil). </li></ul></ul>
  11. 11. Conceptos básicos sobre imagen digital Yolanda Mejido González 11 <ul><li>Resolución de las imágenes digitales </li></ul><ul><li>El exceso de peso en una imagen que se vaya a publicar en una Web repercute negativamente en dos aspectos: </li></ul><ul><ul><ul><li>Ralentiza la carga de la página </li></ul></ul></ul><ul><ul><ul><li>Ocupa espacio en el servidor. </li></ul></ul></ul>
  12. 12. Conceptos básicos sobre imagen digital Yolanda Mejido González 12 <ul><li>Peso de las imágenes digitales. </li></ul><ul><li>Se puede reducir el peso de un archivo de imagen por cuatro medios. Estos procedimientos no son excluyentes. Son: </li></ul><ul><ul><li>Reduciendo el tamaño de la imagen. </li></ul></ul><ul><ul><li>Reduciendo la resolución de la imagen. </li></ul></ul><ul><ul><li>Reduciendo la profundidad de color. </li></ul></ul><ul><li>El cuarto procedimiento se basa en un algoritmo que reduce alguna de las características anteriores: </li></ul><ul><ul><li>Compresión o conversión a un formato comprimido (PNG, GIF). </li></ul></ul>
  13. 13. Conceptos básicos sobre imagen digital Yolanda Mejido González 13 <ul><li>El color en las imágenes digitales. </li></ul>El sensor de una cámara digital es capaz de captar 3 colores, rojo, verde y azul y la profundidad de color es la cantidad de tonalidades que cada color puede registrar. La mayoría de las cámaras digitales registra la información con una profundidad de color de 8 bits por canal, esto significa que el sensor capturará 256 (2 8 ) tonalidades de rojo, 256 de verde y 256 de azul. Esto significa que la cámara podrá utilizar 16.7 millones de colores (256x256x256) para representar una fotografía con una profundidad de color de 8 bits por canal o 24-Bit RGB. Se habla de color verdadero. Los monitores pueden representar estos 16,7 millones de colores (Modelo de color RGB). Ver Tabla de colores RGB
  14. 14. Conceptos básicos sobre imagen digital Yolanda Mejido González 14 <ul><li>El color en las imágenes digitales. </li></ul>La descripción RGB (del inglés Red, Green, Blue; &quot;rojo, verde, azul&quot;) de un color hace referencia a la composición del color en términos de la intensidad de los colores primarios con que se forma: el rojo, el verde y el azul. Es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores luz primarios Los programas de diseño permiten el ajuste de color con ventanas similares a la que se muestra
  15. 15. Conceptos básicos sobre imagen digital Yolanda Mejido González 15 <ul><li>La profundidad de color. </li></ul><ul><li>Debido a la aceptación prácticamente universal de los octetos de 8 bits como unidades básicas de información en los dispositivos de almacenamiento (Byte), los valores de profundidad de color suelen ser divisores o múltiplos de 8, a saber 1,2,4,8,16,24 y 32. Esto se traduce en que: </li></ul><ul><ul><li>Para representar 16,7 millones de colores necesitamos 24 bits (4 bytes) por cada pixel. </li></ul></ul><ul><ul><li>Para representar 256 colores en cada píxel se necesitan 8 bits (Un Byte). Generalmente no se aprecia diferencia en un monitor. </li></ul></ul><ul><ul><li>Para representar 16 colores sólo necesitamos 4 bits. </li></ul></ul><ul><ul><li>Para representar en escala de grises sólo necesitamos 4 bits. </li></ul></ul><ul><ul><li>Para representar 2 colores (Blanco y negro) sólo necesitamos un bit. </li></ul></ul>
  16. 16. Conceptos básicos sobre imagen digital Yolanda Mejido González 16 <ul><li>La profundidad de color. </li></ul>Algunos algoritmos de compresión (.GIF y .PNG-8) se basan en reducir profundidad de color, para reducir el peso.
  17. 17. Conceptos básicos sobre imagen digital Yolanda Mejido González 17 <ul><li>La profundidad de color. </li></ul>Lo más habitual es reducir la profundidad de color de 16,7 millones de colores posibles a tan sólo 256 colores (algoritmo PNG-8), aunque existe el formato PNG-24 que no reduce la profundidad de color
  18. 18. Conceptos básicos sobre imagen digital Yolanda Mejido González 18 <ul><li>La profundidad de color. </li></ul>Lo más habitual es reducir la profundidad de color de 16,7 millones de colores posibles a tan sólo 256 colores (Convertir a formato PNG-8). Hay que tener en cuenta que hay algoritmos de compresión con pérdida y sin pérdida.
  19. 19. Conceptos básicos sobre imagen digital Yolanda Mejido González 19 Se denomina algoritmo de compresión sin pérdida a cualquier procedimiento de codificación que tenga como objetivo representar cierta cantidad de información sin utilizar una menor cantidad de la misma, siendo posible una reconstrucción exacta de los datos originales. JPG tiene pérdida, mientras que GIF y PNG no. <ul><li>¿Qué formato utilizar? </li></ul>
  20. 20. Conceptos básicos sobre imagen digital Yolanda Mejido González 20 <ul><li>¿Qué formato utilizar? </li></ul>
  21. 21. Conceptos básicos sobre imagen digital Yolanda Mejido González 21 <ul><li>¿Qué formato utilizar? </li></ul><ul><li>Formato JPG </li></ul><ul><ul><li>Joint Picture Expert Group . </li></ul></ul><ul><ul><li>El más extendido. </li></ul></ul><ul><ul><li>Formato comprimido con pérdidas. </li></ul></ul><ul><ul><li>Formato de captura de las cámaras digitales. </li></ul></ul><ul><ul><li>Guarda datos EXIF. </li></ul></ul><ul><ul><li>No soporta transparencias. </li></ul></ul><ul><ul><li>Admite carga progresiva en internet. (Entrelazado). </li></ul></ul>
  22. 22. Conceptos básicos sobre imagen digital Yolanda Mejido González 22 <ul><li>¿Qué formato utilizar? </li></ul><ul><li>Formato PNG </li></ul><ul><ul><li>Portable Network Graphic. </li></ul></ul><ul><ul><li>Profundidad de color ajustable a 24 16 u 8 bits.. </li></ul></ul><ul><ul><li>Admite compresión sin pérdida. </li></ul></ul><ul><ul><li>Permite transparencias. </li></ul></ul><ul><ul><li>Admite carga progresiva en internet. (Entrelazado). </li></ul></ul>
  23. 23. Conceptos básicos sobre imagen digital Yolanda Mejido González 23 <ul><li>¿Qué formato utilizar? </li></ul><ul><li>Formato GIF </li></ul><ul><ul><li>G raphics Interchange Format . </li></ul></ul><ul><ul><li>256 colores. </li></ul></ul><ul><ul><li>Imágenes con grandes zonas de colores planos. </li></ul></ul><ul><ul><li>Adecuado para Internet. </li></ul></ul><ul><ul><li>Permite GIFs animados. </li></ul></ul>
  24. 24. Conceptos básicos sobre imagen digital Yolanda Mejido González 24 <ul><li>Con JPEG el usuario decide cuanta información esta dispuesto a sacrificar para reducir peso del fichero. !JPEG no es bueno para dibujos! </li></ul><ul><li>GIF y PNG son casi intercambiables, ya que PNG fue diseñado como reemplazo de GIF. PNG es un formato superior. </li></ul><ul><li>PNG tiene la posibilidad de trabajar con varias profundidades de color. En el caso del GIF comprimido, sólo hasta 256 colores en la paleta. </li></ul><ul><li>Los GIF permiten animaciones, mientras que el formato PNG no. Sin embargo el PNG admite transparencia. </li></ul><ul><li>¿Qué formato utilizar? </li></ul>
  25. 25. Conceptos básicos sobre imagen digital Yolanda Mejido González 25 <ul><li>¿Qué formato utilizar? </li></ul>Si te interesa saber más sobre formatos de imagen digital puedes consultar la siguiente presentación en Slideshare obra de Raymond Marquina : http :// www.slideshare.net / raymarq /formatos- imagen?nocache =2104
  26. 26. Conceptos básicos sobre imagen digital Yolanda Mejido González 26 <ul><li>¿Qué formato utilizar? </li></ul>Otros formatos: TIFF : (Tagged Image File Format). Es uno de los formatos de almacenamiento sin pérdidas de la más alta calidad. Admite una profundidad de color de 64 bits. Posiblemente es el formato de archivos gráficos más ampliamente admitido en el sector de impresión. RAW : (En ingles “Crudo”) se usa como alternativa a TIFF. Consiste en almacenar directamente la información que procede del sensor de la cámara digital. El nivel de calidad que tienen las imágenes en RAW es semejante al de las TIFF. PSD : se trata del formato nativo del conocido programa de retoque fotográfico  Photoshop . BMP: Mapa de bits de Windows PCX: PC Paintbrush (Estandar)
  27. 27. Conceptos básicos sobre imagen digital Yolanda Mejido González 27 <ul><li>Brillo y Contraste. </li></ul>El brillo es la cantidad de luz en cada píxel de la imagen El contraste es la diferencia de luz entre el punto más claro y el más oscuro.
  28. 28. Conceptos básicos sobre imagen digital Yolanda Mejido González 28 <ul><li>Brillo y Contraste. </li></ul>Jugando con estos valores la imagen se puede mejorar considerablemente. Los programas de diseño analizan la distribución de luz mediante el histograma.
  29. 29. Conceptos básicos sobre imagen digital Yolanda Mejido González 29 SOBREXPUESTA NORMAL SUBEXPUESTA Aplicar efectos y filtros:(3). <ul><li>Brillo y Contraste. </li></ul>
  30. 30. Fin de la Presentación . Yolanda Mejido González 30 Aplicar efectos y filtros:(3). Conceptos básicos sobre imagen digital

×