Antonio M. Mora García

Publicación de imágenes

en la Web

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:

Flickr

Picasa y Photobucket

500px

Sitios de alojamiento

Creación de una galería web

Otra alternativa: galería de Dropbox

Índice

3

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

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

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

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

8

Crear un usuario (puede ser de Yahoo, Facebook o Google)

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.

10

Nuestra galería ya está

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

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

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

14

Aspecto de una galería buena buena. :D

http://www.flickr.com/photos/toniomora/

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

• 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

• 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

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

• Subimos fotos directamente a la web.

• Photobucket las publicará en nuestras redes

sociales, con nuestro permiso, claro.

• Permite enlazarla y hacer presentaciones.

19

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

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

• En esta web podréis ver las mejores fotos de internet, en

cuanto a calidad fotográfica.

22

• 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

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

• 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/

Flickr

Picasa y Photobucket

500px

Sitios de alojamiento

Creación de una galería web

Otra alternativa: galería de Dropbox

Índice

26

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

• 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

• El aspecto final es bastante bonito

29

Flickr

Picasa y Photobucket

500px

Sitios de alojamiento

Creación de una galería web

Otra alternativa: galería de Dropbox

Índice

30

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

• 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

33

amorag@geneura.ugr.es

Muchas gracias