Imagenes


 * Indice**
 * Formatos de imagen | ¿Qué formato usar en la web? | Obtener imágenes | Actividad 1: | Publicar fotos en Internet | Editar imágenes | | Crear Presentaciones online**

=Formatos de imagen=


 * **Elegir el formato adecuado para cada imagen es de gran importancia**, especialmente si el peso de la imagen es también relevante, como ocurre al publicar una foto en una página web o enviarla por correo electrónico.


 * El formato contiene ciertas informaciones sobre la manera en la que la imagen ha sido codificada e indica la manera de descodificarla o manipularla. Existen multitud de formatos para comprimir las imágenes digitales, aunque son tres los más utilizados: **JPG (ó JPEG), GIF y PNG.** Normalmente, las cámaras digitales guardan las imágenes en JPG, el más empleado para las fotografías. Para cambiar su tamaño, resolución o formato hay que emplear un editor de imágenes, como Photoshop, Paint Shop Pro, GIMP u otros.


 * **En función del número de colores de la imagen, para pintarla serán necesarios más o menos bits por píxel** (puntos o elementos de la imagen). Normalmente el número de colores es de 16, 256 -aunque con el formato GIF se ponen los que se quieran entre 2 y 256-, 65.536 (alta densidad) y 16,7 millones (color verdadero). **El número de colores aumentará el peso de la imagen**: hacen falta 4 bits por píxel para 16 colores, 8 bits para 256 y 16 bits por píxel para el color verdadero (//True Color//). Una imagen en modo CMYK (Cian, Magenta, Amarillo y Negro), utilizada para la impresión en cuatricomía, alcanza los 68,7 millones, 32 bits por píxel.


 * **Para elegir el formato adecuado de una imagen hay que valorar su contenido** (fotografía, gráfico, etc.), la calidad (dependiendo de su destino: impresión en papel, publicación en web...) y el tamaño del archivo. Los tipos de formatos de imágenes más usuales en Internet se muestran a continuación:

GIF
La comprensión se produce sin pérdidas y que contiene un máximo de 256 colores diferentes y que soporta animación y transparencia, todas las imágenes son rectangulares. No pierde calidad ni la imagen se ve modificada al manipularse y guardarse.
 * **En general, el formato GIF se recomiendan para las imágenes simples.**

JPEG
Puede almacenar hasta 16,7 millones de colores, por lo que **se emplea con imágenes de alta resolución**. Se trata de un formato estandarizado que permite la compresión de imágenes con **color verdadero (true color)** generadas por un algoritmo de comprensión con pérdida de calidad, pero con muy buena //ratio// de comprensión que **no soportan capas ni transparencias**. Se utiliza normalmente en las imágenes tomadas por las cámaras digitales para representar fotografías o imágenes del mundo real. Cuanto mayor sea la compresión, más pérdida de calidad respecto a la imagen original. Las imágenes JPEG (de extensión JPEG o JPG) **son más pequeñas que las de formato GIF y, por lo tanto, mejores para su uso en la Web**. Sin embargo, cuando se trata de imágenes simples o de pocos colores, con el formato GIF se consigue un resultado que mantendrá los colores del original de manera más acertada.


 * PNG soporta imágenes basadas en plataformas desde 8 bit, hasta 48 bit (color verdadero)** RGB o escala de grises de 16 bits. A diferencia de JPEG, salvar y guardar de nuevo una imagen PNG no degradará su calidad, por lo que se trata de un formato útil para el almacenar las etapas intermedias de corrección y modificación. Las revisiones finales de imágenes fotográficas es mejor convertirlas a JPEG. Casi todos los navegadores soportan este formato, salvo versiones muy antiguas.

PDF
Este formato de documento portátil, es el estándar de facto para la distribución e intercambio de documentos. Se trata de un formato de archivo que mantiene las fuentes, imágenes, gráficos y la apariencia de cualquier documento de origen, independientemente de la aplicación y plataforma utilizadas para crearlo. PDF es una especificación de formato abierta, aunque lo utiliza Adobe y se ha hecho muy conocido porque se puede compartir, ver e imprimir con el //software// gratuito Adobe Reader. Cualquier archivo se puede convertir al formato PDF.

Para imprimir las fotos es más aconsejable utilizar otros formatos

 * Cuadro resumen de los formatos de imagen**
 * || __**Compresión**__ || __**Nº colores**__ || __**Animación**__ || __**Tansparencia**__ ||
 * __**JPEG**__ || si, con pérdida || 16 millones || no || no ||
 * __**GIF**__ || si, sin pérdida || 256 colores máx. || si || si ||
 * __**PNG**__ || si, sin pérdida || menos de 256 ó 16 millones || no || si ||
 * __**TIFF**__ || si o no, con o sin pérdida || hasta 16 millones || no || si ||
 * __**BMP**__ || no || de 2 a 16 millones || si || si ||

=¿Qué formato usar en la web?=


 * En la Web, los formatos más utilizados son GIF, JPEG y PNG**. En cuanto a cuál de estos formatos utilizar, no hay una fórmula definitiva, pero se suele utilizar JPEG para las fotografías, para fotografía de alta calidad se puede emplear la compresión sin pérdida del TIFF y GIF para las imágenes de gráficos que incluyan rótulos de texto o para imágenes sencillas con pocos colores y formas muy delimitadas. Para imágenes con colores muy definidos y sin degradados se utilizan GIF o PNG. Si queremos utilizar una imagen sobre fondo transparente se usará GIF89a. Puede que el formato PNG desbanque al GIF porque es más avanzado, pero su uso no está muy extendido y no lo soportan todos los navegadores, pero sí los más comunes. La elección depende del tipo de gráfico y de la calidad que se desee.

Si necesitas más información visita ésta página web: [|http://es.wikipedia.org/wiki/Formato_de_archivo.]

=Obtener imágenes=

De tu cámara de fotos digital

 * [[image:http://www.fotonostra.com/tutoriales/fotos/usb.jpg width="320" height="306" caption="http://www.fotonostra.com/" link="http://www.fotonostra.com/tutoriales/descargar.htm"]] ||
 * http://www.fotonostra.com/ ||


 * 1 Con la cámara se incluye un cable USB especial** para conectarla a un equipo. Conecte el extremo más largo de dicho cable USB al equipo.


 * 2 Abra la puerta de goma del lateral de la cámara** y conecte el extremo más corto del cable USB al conector USB de la cámara.


 * NOTAS:** Si el equipo funciona con el sistema operativo Windows XP, al encender la cámara en el paso siguiente aparecerá un cuadro de diálogo con el mensaje Seleccionar el programa que se ejecutará con esta acción. Haga clic en Cancelar para cerrarlo.


 * 3 Encienda la cámara.** El Software de descarga de imágenes (de nuestra cámara) se ejecutará en el equipo. Si ha configurado el software para que descargue automáticamente imágenes en la cámara, las imágenes se descargarán automáticamente en el equipo. Si no es así, en la pantalla de Bienvenida, haga clic en Iniciar descarga. Si hay alguna imagen en la cámara que se haya seleccionado en el menú Compartir para imprimirse o enviarse por correo electrónico, estas acciones se iniciarán una vez que dichas imágenes se hayan descargado en el equipo.


 * 4 Cuando en la pantalla de descarga del equipo aparezca Finalizado**, indica que las imágenes se han guardado y publicado. Ya puede desconectar la cámara del equipo.
 * [|Tutorial elaborado por Microsoft para Windows XP]

**Bancos de imágenes**.
Existen muchos sitios en Internet desde donde se pueden encontrar imágenes de libre acceso. Aquí tienes algunos.


 * [|Banco de imágenes del CNICE]. Es una de las referencias fundamentales para el profesorado.
 * [|Flickr CC]. Busca entre las fotos de Flickr con licencia CC..
 * [|Mediateca de la Comunidad de Madrid]. Sección de imágenes.
 * [|Openphoto].
 * [|Free Digital Photos].
 * [|Public Domain Images] Directorio de imágenes de dominio público
 * [|Besplatne slike]

**Buscadores de imágenes**
=**Actividad 1:**= Crea una carpeta personal en “Mis Imágenes” y guarda en ella varias imágenes que descargues de los bancos de imágenes anteriores. Elige el tema que más te guste o uno relacionado con tu wiki pues después tendrás que trabajar con ellas. ||
 * **[|PlanImages]**. Este buscador de imágenes busca en entre la imágenes de Google y Flickr, pero tiene la peculiaridad de que puede traducir automáticamente el término de búsqueda un montón de idiomas, de manera que el número de resultados obtenidos se multiplica.
 * **[|Flickr].**
 * **[|Buscador de imágenes de Google].**
 * [[image:playalaguna:folder_image.png width="75" height="75" caption="folder_image.png"]]

=Publicar fotos en Internet=

De nuevo existen muchas opciones gratuitas para publicar nuestras fotos, aunque los dos servicios más importantes son

[|Álbumes web Picasa.]
 * Vinculado a Google y a la cuenta de correo de Gmail.
 * Funciona de forma integrada con el editor Picasa que se instala en el ordenador

[[image:playalaguna:flickr.jpg caption="flickr.jpg" link="http://www.flickr.com/"]][|Flickr]

 * Pertenece a Yahoo y se requiere una cuenta de correo de este proveedor para poder tener acceso a este servicio.
 * Algunas otras características y tutoriales.
 * Pasa por ser el mejor.

=Editar imágenes=

Sitios en línea:
Hay una gran variedad de lugares en internet que nos permiten editar imágenes, al menos en lo que a una edición sencilla se refiere: redimensionado, recorte, rotación, brillo, contraste, etc.
 * []
 * []

Sube una de las imágenes que tienes almacenadas y cámbiale sus dimensiones p.e. ||
 * [[image:playalaguna:folder_image.png width="75" height="75" caption="folder_image.png"]]**Actividad:**

Edición local:
La variedad de aplicaciones para editar y manipular imágenes es más amplia que en los sitios en línea además de disponer de muchas más opciones de edición.
 * **Picasa**: [|http://picasa.google.com/.>]
 * Forma parte de las aplicaciones de Google, que también ofrece un lugar donde publicar de forma gratuita las imágenes en Internet.
 * Muy fácil aunque no tienen muchas opciones.
 * [|Tutorial rápido].
 * [|Tutorial de Picasa] muy detallado de AulaClic


 * Com más opciones, pero también más complejos de utilizar.**
 * **GIMP []**. GRATUITO


 * Adobe Photoshop []

> || Insert Widget || > y después la opción || || > || Slideshow || >, por último haz clic sobre **Other** y pega el código. =Crear Presentaciones //online//=
 * [[image:playalaguna:folder_image.png width="81" height="81" caption="folder_image.png"]]Actividades con Picasa
 * Busca, descarga e instala Picasa en el ordenador.* Crea un álbum con las imágenes que descargaste anteriormente u otras.
 * Edita: reduce el tamaño de todas a 400px utilizando Picasa.
 * Corrige la iluminación y si quieres añade algún efecto.
 * Prueba algunas otras opciones de Picasa como la creación de //collages//
 * Sube el álbum a tu cuenta de Google//.//
 * Invitar a alguien a compartir tu álbum web.**Actividad : Insertar un álbum de Picasa en el wiki**
 * Entrar en **configuración del álbum** web y cambia el idioma a **Inglés US**, de esta manera aparecerá una opción nueva : **//embed//** que te permitirá insertar la presentación de fotos en en tu wiki.*** Abre la opción embed** y **copia el código html** (botón derecho del ratón copiar).* Entra en el wiki y edita la página donde quieras colocar el álbum
 * Selecciona || [[image:http://s.wikispaces.com/s/rte/images/embed.gif width="22" height="23" caption="Insert Widget"]] ||
 * Selecciona **//Save//** para ver tu presentación.
 * =[[image:playalaguna:slideshow.png caption="slideshow.png"]]=

Existen una infinidad de sitios que nos permiten crear una presentación de fotos y publicarla en Internet de forma gratuita. Aquí se han seleccionado solo una pequeña muestra. En algunos casos es posible incluir sonido.

Todos estos servicios funcionan de modo similar: [|BubbleShare]. ¡Podrás grabar tu propia voz para acompañar la presentación, además de insertar bocadillos y muchas otras posibilidades. Una forma estupenda de contar tu propia historia. Permete grabar un comentario en cada una de las diapositivas.
 * 1) Tendrás que registrarte como usuarios dando una cuenta de correo.
 * 2) Subir las fotos y componer las presención. En muchos casos será posible importar el álbum completo de Flickr y Picasa, sin tener que ir subiendo las fotos una a una.
 * 3) Copia el código html para incluir la presentación en tu wiki o en tu blog. || [[image:http://assets.bubbleshare.com/images/header-logo.gif?2592 caption="external image header-logo.gif?2592" link="http://www.http.bubbleshare.com/"]] ||
 * external image header-logo.gif?2592 ||

[|Scrapblog**] Es uno de los sistemas de creación de álbums más divertidos y con mayores posibilidades de edición: introducir bocadillos, fondos rotar, recortar imágenes, etc.
 * [[image:edublogki:flickr009.png width="211" height="100" caption="flickr009.png" link="http://www.scrapblog.com/"]] ||
 * flickr009.png ||


 * [|Videotutorial]

[| Voicethread] .** Un servicio que puede ser de utilidad para los profes de lengua extranjera: permite crear una presentación de fotos comentadas, después los usuarios pueden ir añadiendo sus comentarios hablados o grabados mediante una webcam, también pueden dibujar encima de la foto. Tiene muchas posibilidades pero también es un poquito más complejo de manejar.

Otros sitios de imágenes:
[|Tutorial de Flirck.] [|Bubbleshare]: para crear presentaciones con fotos y añadir sonido a las mismas [|titulos hechos con imagenes de flickr] [|Imagechef: escribe tus textos en las imagenes prediseñadas y ponlas en tu blog] [|Pikipimp]: para subir fotos y escribir textos en ellas, ponerles caras, gafas, etc divertido [|Comeeko]: otro ditio para subir imagenes y crear comics con texto, caras, gafas, etc muy configurables [|Flash-Gear]: crear puzzles con tus propias imágenes [|Listado en wikipedia] de direcciones para buscar imágenes libres en internet [|Crea post it con el texto que quieras] [|Photagius:]para subir fotos y hacer con ellas pases y presentaciones [|Voicethread:] para crear presentaciones con fotos añadiendole sonido grabado por ti [|Banco de imágenes:]sitios desde donde poder descargar imágenes gratis [|Para convertir textos a imágenes] [|Para crear badges o insignias para blogs] [|Otro generador de badges o insignias para blogs] [|Para generar todo tipo de cosas con imagenes]de Flick: calendarios, carnets, efectos etc... [|Generador de textos en una pizarra:] curioso e interesante para blogs etc.. [|Para subir imagenes:] te da el codigo para ponerlas en el blog [|Para crear logos y botones] [|GlassGiant:] para personalizar imágenes con tus textos [|Pixalia]: excelente sitio para descargar imagenes sitio para descargar excelentes fotos [|Befunky:] permite aplicarle un efecto cartoon a una imagen que tenemos en el disco, se encuentra en línea u obtenemos por la webcam [|Superlame]: para crear bocadillos a las imágenes [|Para crear titulos con letras cortadas.] ransom note generator.Muy bueno [|Graphita]: para poner textos y otras cosas a las imágenes [|Picsviewr]: para crear slideshows de tus imagenes en flickr [|Flickriver]: para crear badges con tus fotos de flickr y ponerlas en tu blog. buena [|Phreetings]: para crear postales, eliges la imagen, escribes el texto y copias la url. muy bueno - lenguaje [|Bublesnaps]: para crear escenas con tus fotos, bocadillos etc.. [|glowtxt]: generador de textos muy bueno. Nos da código para ponerlo en el blog [|PicApp]: sitio con millones de fotos libres para tu blog o wiki. [|iimmgg]: sube tus fotos, retocalas con [|picnik](excelente) y ponlas en tu blog [|Automotivator]: crea posters con imagenes y textos [|piZap]: para subir fotos y escribir textos, poner gafas, ojos, nariz etc divertido [|PhotoPeach]: excelente sitio para crear slideshows con música de fondo y textos. [|25 sitios para poner efectos] y jugar con tus fotos.