Formatos de Imagen

33,438 views

Published on

Presentación de los diferentes formatos de imagen dentro del Taller ¿Cómo apoyar la enseñanza de lenguas extranjeras con blogs? ...

Published in: Technology
1 Comment
29 Likes
Statistics
Notes
No Downloads
Views
Total views
33,438
On SlideShare
0
From Embeds
0
Number of Embeds
5,132
Actions
Shares
0
Downloads
0
Comments
1
Likes
29
Embeds 0
No embeds

No notes for slide

Formatos de Imagen

  1. 1. FORMATOS MULTIMEDIA
  2. 2. FORMATOS MULTIMEDIA <ul><li>Un sitio en general esta compuesto de </li></ul><ul><li>diferentes elementos: </li></ul><ul><li>texto, </li></ul><ul><li>gráficos, </li></ul><ul><li>audio y/o video. </li></ul>Elementos de un sitio
  3. 3. <ul><li>Estos elementos tienen diferentes extensiones. </li></ul><ul><li>Las extensiones determinan el tipo de archivos y su calidad así como la velocidad de descarga y visualización en la web. </li></ul>Formatos Multimedia
  4. 4. <ul><li>Dentro de los elementos gráficos podemos encontrar presentaciones, animaciones e imágenes. </li></ul><ul><li>Imágenes </li></ul><ul><li>Todos alguna vez hemos utilizado algún formato de imagen para visualizar, almacenar o escanear . </li></ul>Gráficos
  5. 5. <ul><li>Los formatos pueden ser </li></ul><ul><li>BMP, TIFF, GIF, PNG, JPEG entre otros. </li></ul><ul><li>¿¿¿Qué formatos suenan familiares??? </li></ul>Formatos
  6. 6. Formatos <ul><li>SABER </li></ul><ul><ul><ul><li>- para qué sirven </li></ul></ul></ul><ul><ul><ul><li>- en qué situación utilizarlos </li></ul></ul></ul><ul><ul><ul><li>- cuáles son los más utilizados </li></ul></ul></ul><ul><li>Formatos de impresión - Formatos para WEB </li></ul>
  7. 7. <ul><li>FORMATOS DE IMPRESION </li></ul><ul><li>EPS (Encapsulated PostScript). </li></ul><ul><li>Formato para transmitir de un programa a otro la información de una imagen PostScript. </li></ul><ul><li>TIFF (Tagged-Image File Format). Reconocida por una amplia variedad de aplicaciones y plataformas. </li></ul>Formatos de impresión
  8. 8. <ul><li>Es uno de los mejores formatos pero si el usuario indica nuevos atributos en la imagen, imposibilita la interpretación correcta de los datos por otro sistema. </li></ul><ul><li>PSD . Formato utilizado por el popular editor de imágenes Photoshop. No utiliza compresión y se emplea para guardar la imagen durante el proceso de edición, pues mantiene toda la información sobre capas sin acoplar. </li></ul>Formatos de impresón
  9. 9. <ul><li>FORMATOS PARA WEB </li></ul><ul><li>JPG (Joint Photographic Experts Group). </li></ul><ul><li>Formato de compresión, que soporta una compresión extrema. </li></ul><ul><li>Muy utilizado en Internet debido a su compresión y a capacidad para el manejo de imágenes Grayscale, RGB y CMYK. </li></ul>Formatos para Web
  10. 10. <ul><li>GIF (Graphics Interchange Format). </li></ul><ul><li>Es el formato más utilizado en documentos HTML, World Wide Web y otros servicios online. </li></ul><ul><li>Diseñado para comprimir imágenes y minimizar el tiempo de transferencia sobre las líneas telefónicas. </li></ul>Formatos para Web
  11. 11. <ul><li>PNG ( Portable Network Graphics). </li></ul><ul><li>Sustituto del formato GIF, por sus cualidades puede reemplazar el formato TIFF. </li></ul><ul><li>Diseñado para trabajar online de forma óptima. Es extremadamente completo con la opción de visualización progresiva. </li></ul>Formatos para Web
  12. 12. <ul><li>Puede almacenar los datos de gamma y cromacidad mejorando el color. </li></ul><ul><li>Es robusto, proporciona por un lado chequeo de integridad del archivo, y la detección simple a los errores comunes de transmisión. </li></ul>Formatos para Web
  13. 13. <ul><li>BMP (Bit Map). </li></ul><ul><li>Formato de las imágenes en bitmap de Windows. Tiene una escasa compresión pero casi todos los usuarios tienen una PC que puede soportarlo. </li></ul>Formatos para Web
  14. 14. <ul><li>¿Cual elegir? </li></ul><ul><li>Elegir el formato adecuado es de gran importancia, sobretodo por que el formato influye en el peso de la imagen. </li></ul><ul><li>Se debe considerar si la imagen será publicada en una página web, impresa o enviada por correo electrónico. </li></ul>Elección de Formato
  15. 15. Elección de formato
  16. 16. <ul><li>Los Formatos ideales para su publicación en web: </li></ul><ul><li>JPG - buena calidad de la imagen y buena velocidad de descarga y visualización. </li></ul><ul><li>GIF - calidad media de la imagen y gran velocidad de descarga y visualización. </li></ul><ul><li>PNG – excelente calidad de la imagen y baja velocidad de descarga. </li></ul>Formatos ideales
  17. 17. <ul><li>RESOLUCIÓN DE UNA IMAGEN </li></ul><ul><li>La resolución es la medida de lo detallada y precisa que es una imagen. La escala de resolución se mide en píxeles por pulgada ( ppi ). Cuanto mayor sea la resolución, más detallada y definida es la imagen. </li></ul>Resolución
  18. 18. <ul><li>Ejemplo: </li></ul>Resolución Imagen a 300 pixeles por pulgada Imagen a 72 pixeles por pulgada
  19. 19. <ul><li>EDICIÓN DE IMÁGENES </li></ul><ul><li>El programa de edición de imágenes por excelencia es Photoshop. </li></ul><ul><li>Existen algunos programas gratuitos de edición de imágenes pero no incluyen todas las herramientas necesarias para la edición. </li></ul>Edición de imágenes
  20. 20. <ul><li>Al editar es importante considerar que tipo de imagen necesitamos. </li></ul><ul><li>El tipo de imagen también determina su peso y calidad para su publicación e impresión. </li></ul>Tipo de imagenes
  21. 21. <ul><li>Mapa de bits </li></ul><ul><li>Escala de grises </li></ul><ul><li>Color indexado </li></ul><ul><li>RGB (red, green, blue) </li></ul><ul><li>CMYK (cyan, magenta, yellow, black). </li></ul>Tipo de imágenes
  22. 22. <ul><li>Fuentes </li></ul><ul><li>http://www.fotonostra.com/glosario/glosario_r.htm </li></ul><ul><li>http://www.consumer.es/web/es/tecnologia/software/2005/02/13/116729.php </li></ul><ul><li>Adobe Photoshop ® Tutorials, dentro del programa de Photoshop en el menú de ayuda. </li></ul><ul><li>http://www.adobe.com/education/ </li></ul><ul><li>http://www.telecable.es/personales/charlyg/tap2a.html </li></ul>Fuentes

×