Download - Publicación de imágenes en la web
![Page 1: Publicación de imágenes en la web](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/html5/thumbnails/1.jpg)
Antonio M. Mora García
Publicación de imágenes
en la Web
![Page 2: Publicación de imágenes en la web](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/html5/thumbnails/10.jpg)
10
Nuestra galería ya está
![Page 11: Publicación de imágenes en la web](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/html5/thumbnails/29.jpg)
• El aspecto final es bastante bonito
29
![Page 30: Publicación de imágenes en la web](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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](https://reader033.vdocuments.co/reader033/viewer/2022052822/554eade1b4c905fb7c8b4f41/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