publicación de imágenes en la web - geneura...
TRANSCRIPT
![Page 1: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/1.jpg)
Tratamiento de imágenes
digitales con software
libre y herramientas online (3ª Edición)
Antonio M. Mora García
Granada, 15 de septiembre de 2014
Publicación de imágenes en la Web
![Page 2: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/2.jpg)
http://geneura.ugr.es/~amorag/tratamiento_imagenes/
No será necesario usar ningún
programa, salvo un navegador web
(Chrome, Firefox, Internet Explorer,
Opera, Safari).
Herramientas
2
Tenéis algunas fotos (mías :D) para prueba en:
![Page 3: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/3.jpg)
Flickr
Picasa y Photobucket
500px
Sitios de alojamiento
Creación de una galería web
Otra alternativa: galería de Dropbox
Índice
3
![Page 4: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/4.jpg)
Flickr el todo en uno
Picasa y Photobucket
500px
Sitios de alojamiento
Creación de una galería web
Otra alternativa: galería de Dropbox
Índice
4
![Page 5: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/5.jpg)
http://www.flickr.com
• Sitio de alojamiento y gestión de fotos
• Propiedad de Yahoo
• Comunidad muy activa
• Fotografías de amateurs y profesionales
• También admite vídeos
5
![Page 6: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/6.jpg)
6
Cuenta Gratuita * Un Terabyte (1000 GB) de capacidad
* Subir fotos de hasta 20 MB cada una
* Subir videos de hasta 1GB cada uno
* Reproducción de video de hasta 3 minutos cada uno
* Descargas originales ilimitadas de tus fotos
* Capacidad de crear “Colecciones”
* Capacidad de añadir su foto en hasta 60 grupos
* Aumento en el almacenamiento y en los límites de subida
* Incremento del tamaño de visualización de sus propias fotos
![Page 7: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/7.jpg)
7
Cuenta PRO (~18€ por año) * Carga ilimitada de fotos (50MB por foto)
* Carga ilimitada de vídeos (90 segundos máximo, 500MB por vídeo)
* La posibilidad de mostrar Vídeo en HD
* Ancho de banda ilimitado
* Almacenaje de imágenes en alta resolución
* La posibilidad de sustituir una imagen
* Subir tus fotos o vídeos hasta en 60 grupos
* Tener todos los datos y estadísticas de tus fotos
* Limitación del tamaño máximo de la imagen para descarga de otros
usuarios
* Sin publicidad
![Page 8: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/8.jpg)
8
Crear un usuario (puede ser de Yahoo, Facebook o Google)
![Page 9: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/9.jpg)
9
Vamos a subir unas cuantas fotos • Sólo hay que arrastrar y soltar las fotos sobre la pagina de
subida.
• Luego añadimos un título y descripción
• Es importante ponerle etiquetas a las fotos para indicar qué
hay en ellas.
• Luego las añadimos a un álbum y le damos licencia y
visibilidad.
![Page 10: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/10.jpg)
10
Nuestra galería ya está
![Page 11: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/11.jpg)
11
Viendo una foto
Número de favoritas y
comentarios
Dueño, fecha, cámara.
Número de vistas
Otras fotos de la galería o álbum
Grupos en los que está
Etiquetas de la foto
Licencia
Comentarios
![Page 12: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/12.jpg)
12
Otras opciones del entorno Navegar y organizar
nuestras fotos. Ver nuestra
actividad
Buscar contactos. Ver sus fotos y
actividad
Buscar y ver grupos de fotos y debates que nos
interesen
Ver las mejores fotos.
Ver aplicaciones. Buscar por cámara
Ver nuestro perfil y correo interno.
Configurar la cuenta
Buscar fotos por etiquetas (en
nuestra galería, en todo Flickr).
Buscar usuarios. Buscar grupos
Más opciones
Publicar en redes sociales
Ver la galería como una
presentación
![Page 13: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/13.jpg)
13
Organizando la galería (Tu Organizar) • Se pueden organizar por lote
• Modificar o borrar
• Crear álbumes o grupos
• Publicar fotos en grupos
• Asignar localizaciones en el mapa
Licencia
![Page 14: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/14.jpg)
14
Aspecto de una galería buena buena. :D
http://www.flickr.com/photos/toniomora/
![Page 15: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/15.jpg)
Flickr
Picasa y Photobucket las alternativas sociales
500px
Sitios de alojamiento
Creación de una galería web
Otra alternativa: galería de Dropbox
Índice
15
![Page 16: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/16.jpg)
• Programa y sitio de alojamiento y gestión de fotos
• Propiedad de Google
• Enfocado a redes sociales (sobre todo Google+)
• Fotografías generalmente amateurs
• Se pueden aplicar efectos a las fotografías
rápidamente
• Permite subir también vídeos
• 15 GB de espacio disponible
16
https://picasaweb.google.com
![Page 17: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/17.jpg)
• En el programa organizamos y editamos las fotos.
• Luego subiremos a la web las deseadas.
• Por defecto limita el tamaño de subida (las sube con
poca calidad).
17
![Page 18: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/18.jpg)
http://www.photobucket.com
• Sitio de alojamiento y gestión de fotos
• Estrechamente vinculado con las principales redes
sociales
• Fotografías de amateurs generalmente
• También admite vídeos
• 2 GB de capacidad para cuentas gratuitas
• En inglés
18
![Page 19: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/19.jpg)
• Subimos fotos directamente a la web.
• Photobucket las publicará en nuestras redes
sociales, con nuestro permiso, claro.
• Permite enlazarla y hacer presentaciones.
19
![Page 20: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/20.jpg)
Flickr
Picasa y Photobucket
500px la opción para profesionales
Sitios de alojamiento
Creación de una galería web
Otra alternativa: galería de Dropbox
Índice
20
![Page 21: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/21.jpg)
http://www.500px.com
• Sitio de alojamiento y organización de fotos
• Calidad profesional (casi siempre)
• Comunidad de fotógrafos ‘serios’
• Límite de subidas semanal (para cuentas gratuitas)
• Sistema de puntuación para las fotografías en base a
su éxito entre los usuarios (comentarios, likes, vistas)
• Hay algunas (¿?) cosas en perfecto inglés…
21
![Page 22: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/22.jpg)
• En esta web podréis ver las mejores fotos de internet, en
cuanto a calidad fotográfica.
22
![Page 23: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/23.jpg)
• Se pueden poner a la venta las fotos que queráis
• Si subís una y gusta ganaréis muuuucha autoestima como
fotógrafos, y no digamos si vendéis alguna. :D
23
http://500px.com/TonioMora
![Page 24: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/24.jpg)
Flickr
Picasa y Photobucket
500px
Sitios de alojamiento almacenes de imágenes
Creación de una galería web
Otra alternativa: galería de Dropbox
Índice
24
![Page 25: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/25.jpg)
• Existen infinidad de sitios de alojamiento de imágenes,
pero hacen de meros ‘almacenes’ para guardar fotos que
enlazar en otros sitios, como blogs, foros, anuncios de
venta, etc.
• Algunos ejemplos:
25
Tamaño: 1MB
Formato: JPG
Duración: borradas tras un año sin actividad
http://www.imagevenue.com/
Tamaño: 1 MB
Formato: JPG-PNG-GIF-BMP-SWF
Duración: borradas tras un año sin actividad
http://imageshack.us/
Tamaño: <10 Mb
Formato: JPG-PNG-GIF-BMP
Duración: borradas tras periodo elegido por el usuario
http://overpic.net/
![Page 26: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/26.jpg)
Flickr
Picasa y Photobucket
500px
Sitios de alojamiento
Creación de una galería web
Otra alternativa: galería de Dropbox
Índice
26
![Page 27: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/27.jpg)
http://www.webgarden.es
• Página de creación automática y sencilla de webs
personales y ‘profesionales’
• Se puede crear una web en 5 minutos
• Existe el tipo de web Galería de fotos
• Más flexible y personalizable que los sitios de
alojamiento
• Es un ejemplo, no es que sea la mejor. :D
27
![Page 28: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/28.jpg)
• Fácilmente configurable con un poco de paciencia
• Muchas posibilidades de diseño
• Sólo arrastrar y soltar el ratón (mover elementos), y escribir el contenido
28
![Page 29: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/29.jpg)
• El aspecto final es bastante bonito
29
![Page 30: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/30.jpg)
Flickr
Picasa y Photobucket
500px
Sitios de alojamiento
Creación de una galería web
Otra alternativa: galería de Dropbox
Índice
30
![Page 31: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/31.jpg)
http://www.dropbox.com
• Herramienta de almacenamiento de ficheros ‘en la
nube’
• Es posible instalarlo en varias máquinas y acceder a
nuestros ficheros como si estuviesen en nuestro
disco duro (en realidad, en PC lo están :P)
• Hay una carpeta para poner imágenes, que hace las
veces de galería de cara al resto de internautas
31
![Page 32: Publicación de imágenes en la Web - GeNeura Teamgeneura.ugr.es/.../Publicacion_de_imagenes.pdfTratamiento de imágenes digitales con software libre y herramientas online (3ª Edición)](https://reader034.vdocuments.site/reader034/viewer/2022042323/5f0d49317e708231d4399793/html5/thumbnails/32.jpg)
• Una vez instalado, para crear una galería basta con irnos a la carpeta
“Photos” dentro de la carpeta “Dropbox” (Usuario/Dropbox).
• Crear una carpeta con el nombre de nuestro album/galería de fotos.
• Copiar las fotos dentro de esa carpeta.
• El enlace (url) podremos consultarlo en la web de Dropbox con nuestro
usuario.
32
https://www.dropbox.com/sh/99twdzluogcb4qp/4HopyeeZD6