Este documento describe los diferentes formatos de imágenes digitales, incluyendo mapas de bits e imágenes vectoriales. Explica que las imágenes vectoriales son gráficos formados por elementos geométricos y no pierden calidad al ampliarse, mientras que los mapas de bits representan una rejilla de píxeles y se distorsionan al ampliarse. También cubre conceptos como la resolución de impresión y software de edición de imágenes como Photoshop, GIMP y Pixlr. Finalmente, proporciona recursos como el ban

1. Editor de images on-linehttp://www.pixlr.com/editor/?loc=esRAUL FERNANDEZ CARDINTratamiento de Imágenes en la WebSociedad, Tecnología y Educación2010-2011

2. Tratamiento de ImágenesPresentaciónFormatos de imágenesTamaño y calidad de las imágenes Software : Photoshop / Gimp / Pixlr.comIntroducción al Pixlr.comBúsqueda de imágenes: diferentes fuentes Ejercicio de ejemplo: optimizar y guardar una imagen para distintos formatos. ( videotutorial)Bibliografía

3. Formato de ImagnesLas imágenes digitales pueden ser mapa de bits o vectoriales.Según el medio donde la vayamos a usar, usaremos una o otra.Mapa de bitsImagen vectorial

4. Las imágenes vectoriales Las imágenes vectoriales son gráficos formados a base de curvas y líneas a través de elementos geométricos definidos como vectores.La gran ventaja de las imágenes vectoriales es que no sufren pérdida de resolución al producirse una ampliación de los mismos.Rótulos, iconos, dibujos, logotipos de empresaArchivos ligeros

5. Mapa de bitsMapa de bits, imagen matricial o bitmap, es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada raster, que se puede visualizar en un monitor de ordenador, papel u otro dispositivo de representación.Escáneres y las cámaras digitales.Archivos mas pesadosEn las ampliaciones, se distorsiona.

6. Resumen de formatos

7. Resolución de impresiónCuántos pixeles queremos que se impriman por pulgada.ppp : pixeles por pulgada A menor cantidad de pixeles por pulgada menor calidad normalmente. Depende de dónde queremos luego tener las imágenes. Si estamos haciendo unos apuntes y queremos luego imprimirlos en impresora normal, o si luego queremos imprimirlos en imprenta, la resolución de impresión que requerimos es diferente. Podemos usar las imágenes para verlas por pantalla o para imprimir.Máxima que puedo obtener: 300ppp - para imprentaValor aceptable: a partir de 200ppp - impresión en impresoras normalesMostrarla en pantalla, para verla internet, valdría con 72ppp

8. ERROR TÍPICO QUE SOLEMOS COMETERUna fotografía de gran calidad de una cámara digital de 10 pixeles y la guardamos en un documento en un procesador de texto ( Open office/ MS wordError – la imagen ocupa lo mismo y será un archivo muy pesadoAunque la vemos pequeña, es un error ya que la hemos escalado. Sigue ocupando lo mismo que al principio. La imagen no esta optimizada .Solución: primero tratar la imagen en un programa de edición de imágenes para dejarla al tamaño y resolución que necesitamos y una vez la tenemos así, es cuando la metemos en el procesador de textos o dónde haga falta.OPTIMIZAR RECURSOS

9. Tipos de Software Photoshop - profesionalGimp - gratuitoPixlr – gratuito y on-lineVideotutorial

10. Banco de imágenes del Ministerio de EducaciónVídeos, sonidos , imágenes, ilustraciones…La utilización de su contenido es universal, gratuita y abierta, pero está limitado a un uso educativo no comercialhttp://recursostic.educacion.es/bancoimagenes/web/

11. Bibliografíahttp://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorialhttp://es.wikipedia.org/wiki/Mapa_de_bitshttp://www.imh.es/dokumentazio-irekia/manuales/curso-de-tratamiento-de-imagenes-con-gimphttp://recursostic.educacion.es/bancoimagenes/web/http://www.pixlr.com/editor/?loc=eshttp://www.cristalab.com/tutoriales/tratamiento-de-imagenes-en-photoshop-para-impresion-c215l/