mis fotografías en la web
TRANSCRIPT
![Page 1: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/1.jpg)
MIS FOTOGRAFÍAS EN LA WEB 2.0Editar, enviar, compartir
fácil, fácil
Ángel Encinas Carazo Salamanca. Noviembre 2009
![Page 2: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/2.jpg)
• En esta presentación hacemos una primera aproximación a:– Conceptos básicos sobre fotos y Web– Programas sencillos de edición fotográfica– Reducción de tamaño para enviar o publicar– Plataformas web para editar– Plataformas web para almacenar y compartir– Licencias creative commons
Contenido de este ppt
![Page 3: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/3.jpg)
• Partamos de un ejemplo: una cámara con una resolución de 5,3 megapíxeles genera fotografías de 2.700 x 1960 píxeles.
• Estas fotografías, comprimidas en el formato más habitual, el formato JPEG, nos van a pesar más de 1 MB, o, lo que es lo mismo, 1024 KB, demasiado para utilizarlas en la Web (correo electrónico, blog, etc).
• Fíjate: un resolución de 800 x 600 píxeles y un peso de 50 KB ya es suficiente en la Web.
Fotografías con demasiada resolución y peso para la
web
![Page 4: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/4.jpg)
• Por lo tanto, es un tremendo error utilizar en la Web las fotografías de nuestra cámara tal como ésta nos las genera.
• Antes tenemos que editarlas, comprimiendo o reduciendo el tamaño y, en su caso, recortando, enderezando o retocando.
Fotografías con demasiada resolución y peso para la
web
![Page 5: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/5.jpg)
Fotografías con demasiada resolución y peso para la
web
- 2560 x 1920 píxeles
- 1,04 MB (1064 KB)
- 600 x 450 píxeles
- 81,2 KB
![Page 6: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/6.jpg)
¿Cómo proceder?
• Lo primero que hemos de hacer es guardar en carpetas seguras las fotos originales obtenidas de nuestra cámara, sin ninguna manipulación.
• De esas carpetas hacemos una copia que adjetivaremos como "modificadas" o "reducidas" para no equivocarnos.
• Éstas serás las que vamos a editar para enviar o subir a la Web.
• No debes olvidar que, al reducir tamaño y peso, se reduce también la calidad: aunque en la pantalla no se note, si queremos hacer una copia en papel de cierto tamaño, las diferencias serán notables.
![Page 7: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/7.jpg)
¿Cómo proceder?
• Lo siguiente es abrir un editor de imágenes que tengamos a mano.
• Y aquí empiezan para muchos los problemas: ¿con qué programa?
![Page 8: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/8.jpg)
Programas de edición: una visión panorámica
• Si, antes de nada, prefieres tener una perspectiva amplia de los programas de edición fotográfica, puedes consultar este asequible artículo de Consumer Eroski:
http://www.consumer.es/web/es/tecnologia/software/2009/06/10/185443.php
![Page 9: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/9.jpg)
Programas de altas prestaciones
• Todos hemos oído hablar de Photoshop (casi siempre utilizado en versión pirata)
• Su alternativa en software libre es Gimp, un programa de alta calidad.
• Estos programas pueden resultar excesivos y complejos para las necesidades más básicas y habituales.
• Hay programas mucho más sencillos y de muy fácil y rápido manejo.
![Page 10: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/10.jpg)
Microsoft Office Picture Manager
• Si no nos queremos complicar nada la vida, ya tenemos uno en el Microsoft Office: el Microsoft Office Picture Manager. Es un tanto tosco, pero podemos salir adelante.
![Page 11: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/11.jpg)
Microsoft Office Picture Manager
Primero seleccionamos con el ratón las imágenes que
queremos reducir
Con el botón derecho del ratón
sobre las imágenes seleccionadas,
llegamos al programa
![Page 12: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/12.jpg)
Microsoft Office Picture Manager
Para ver todas las
imágenes de la carpeta
Con la tecla “control” presionada, vamos haciendo clic en las fotos que queremos
trabajar a la vez
Después vamos a “Editar imágenes”
![Page 13: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/13.jpg)
Microsoft Office Picture Manager
Nos saldrá esta barra lateral
![Page 14: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/14.jpg)
Microsoft Office Picture Manager
Y aquí, el cambio de
tamaño
Aquí tenemos las herramientas
básicas de edición
![Page 15: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/15.jpg)
Podemos elegir varios
tamaños predefinido
s
Para evitar problemas
optaremos por un tamaño “grande”
(para la Web)
![Page 16: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/16.jpg)
Si optamos por comprimir las imágenes, tenemos distintos grados. El más
adecuado es “Documentos”
Aquí se nos adelanta el
tamaño original y el resultante
A los efectos prácticos de nuestros propósitos, no hay mayores diferencias entre
“cambiar tamaño” (reducir la resolución) o “comprimir”
![Page 17: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/17.jpg)
Microsoft Office Picture Manager
Por eso, debemos ir a “guardar como” y ponerles nombre
nuevo
Lo preferible para evitar riesgos:Hacer previamente una copia de las
fotografías a editar en una carpeta distinta
Muy importante:Si damos a “guardar” nos sustituirá sin remedio las imágenes seleccionadas
por las que hemos reducido
![Page 18: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/18.jpg)
Mejores elecciones
Muchos se conformarán con Picture Manager, a
pesar de su tosquedad y de los riesgos a los que
expone nuestras fotos…
… Creo, sin embargo, que merece la pena conocer otras sencillas herramientas, que, sin llegar a la complejidad de Photoshop o Gimp, nos permiten trabajar mucho mejor nuestras
fotografías.
Es importante hacer una buena elección porque será, seguramente, uno de los
programas que más utilicemos habitualmente.
![Page 19: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/19.jpg)
Mejores elecciones
• Editores instalados en el propio ordenador
• Editores online
• Editores mixtos (“Aplicaciones Ricas de Internet”)
![Page 20: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/20.jpg)
Mejores elecciones
El gran referente para la edición y, sobre todo, el
retoque fotográfico. Tiene diferentes
versiones y precios
Su alternativa en software libre con
prestaciones similares
Si vamos a trabajar con nuestros
alumnos, es la alternativa al pirateo
![Page 21: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/21.jpg)
Mejores elecciones
En este ppt veremos solo estos
tres sencillos programas de muy
fácil trabajo
…y nos centraremos en una de sus funciones: La reducción de tamaño de
nuestras fotos
![Page 22: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/22.jpg)
Photosuite 5
Útil tutorial
Para cuando queramos solo
reducir el tamaño de
muchas fotos
Entramos en Editar
![Page 23: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/23.jpg)
Photosuite 5
Desde “Transformar” vamos a “Cambiar tamaño”
Tenemos las funciones más utilizadas en edición fotográfica
![Page 24: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/24.jpg)
Photosuite 5
Utilizamos preferentemente la medida en píxeles
Si introducimos en la medida mayor 1000 píxeles,
obtenemos un tamaño grande para la Web
![Page 25: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/25.jpg)
PICASA
Debemos diferenciar entre:– Picasa
• Programa para organizar y editar fotos en el propio equipo.
– Álbumes web de Picasa• Espacio web al que pueden subirse fotos.• Se crea automáticamente cuando abrimos un blog
con Blogger, alojando las fotos que publicamos.
![Page 26: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/26.jpg)
PICASA
Para descargar el programa (es gratuito) abrimos la
página de Google, y desde allí vamos a “más” y luego
a “todavía más”
![Page 27: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/27.jpg)
PICASA
Descargamos el programa en nuestro
ordenador
![Page 28: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/28.jpg)
PICASA
Cuando lo instalamos por primera vez analiza todas las carpetas del disco duro y muestra las
fotos que encuentra en la biblioteca de fotografías de
Picasa. Algunas nos sorprenderán.
![Page 29: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/29.jpg)
PICASA
Botones básicos
Carpetas que ha
localizado en nuestro disco duro
Tamaño en que queremos ver las fotos presentadas
en la pantalla
![Page 30: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/30.jpg)
PICASA
Cuando hacemos doble clic en una foto nos amplía la imagen
y nos muestra los botones de edición
Botones de edición
Botones básicos
![Page 31: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/31.jpg)
PICASA
Los cambios que haces en las fotos sólo se podrán ver en Picasa hasta que decidas si deseas exportarlas o guardar los cambios. En cualquier caso, las fotografías originales siempre estarán seguras.
![Page 32: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/32.jpg)
PICASA
Si lo que queremos es cambiar el tamaño o peso
de la imagen, tenemos que ir a “Exportar”
En esta ventana flotante
tomamos las
decisiones
![Page 33: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/33.jpg)
PICASA
El programa ofrece un magnífico tutorial donde resolver todas las dudas
![Page 34: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/34.jpg)
Editores online
• Ventajas– Gratuitos– Ubicuos– Integrados en plataformas web – Tendencia al trabajo online en la Web
• Inconvenientes– Necesidad de un buen ancho de banda– La mayoría: subida y trabajo foto a foto
![Page 35: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/35.jpg)
Picnik
(http://www.picnik.com) Puedes llegar también desde Flickr.
Dirección
No es necesario registrarse
inmediatamente
![Page 36: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/36.jpg)
Picnik
Podemos hacer zoom sobre la foto
subida
Cuando cargamos
una foto nos muestra
todas estas posibilidades
de edición Veamos la opción de “Cambiar tamaño”
![Page 37: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/37.jpg)
Picnik
Opciones de cambiar tamaño
![Page 38: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/38.jpg)
Picnik
Resultado final jugando con las posibilidades de “Editar” y “Crear”
de la versión gratuita
![Page 39: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/39.jpg)
Picnik
Como en muchas plataformas, ofrece dos versiones
La versión gratis ofrece muchas posibilidades
![Page 40: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/40.jpg)
Alojar y compartir las fotosen la Web
Un completo análisis
comparativo de cuatro servicios
http://www.consumer.es/web/es/tecnologia/internet/2009/10/28/188841.php
![Page 41: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/41.jpg)
flickr
Flickr es la mayor
plataforma de alojamiento
de fotografías de la Web
![Page 42: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/42.jpg)
flickr
Un pequeño problema: tienes que abrirte una cuenta de
correo en Yahoo
![Page 43: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/43.jpg)
flickr
Todo son facilidades…
![Page 44: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/44.jpg)
flickr
Todo son facilidades…
![Page 45: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/45.jpg)
flickr
Hasta que descubres
los límites…
![Page 46: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/46.jpg)
flickr
…y las bases del negocio
![Page 47: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/47.jpg)
flickr
Flickr y otros servicios similares
son una gran alternativa al envío de fotos por email
Podemos visualizarlas a pantalla completa en un
pase de diapositivas, sin necesidad de
descargarlas
![Page 48: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/48.jpg)
flickr
Con la etiqueta “Salamanca”, por ejemplo, encontramos
¡más de 122.000 fotos!
En flickr encontraremos
muchas imágenes sobre cualquier tema
![Page 49: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/49.jpg)
flickr
Este grupo sobre imágenes
del mundo clásico
(civilizaciones griega y romana)
tiene más de 20.000 fotos
Podemos crear o unirnos
en grupos
Fíjate en esto
![Page 50: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/50.jpg)
crative commons
Lo “publicado” no es,
necesariamente, “público”
Creative Commons es
una alternativa al Copirigth más
flexible y abierta
![Page 51: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/51.jpg)
crative commons
Estas son las licencias
básicas
![Page 52: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/52.jpg)
crative commons
Se pueden combinar
varias licencias
![Page 53: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/53.jpg)
flickr y crative commons
Para acceder en
flickr a fotografías con licencia
creative commons
![Page 54: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/54.jpg)
flickr y crative commons
En flickr encontraremos
miles de fotografías con que podremos
utilizar en nuestros blogs
y trabajos respetando las condiciones de
la licencia
![Page 55: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/55.jpg)
flickr y crative commons
Un ejemplo
autor
![Page 56: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/56.jpg)
flickr y crative commons:confusiones interesadas
Cuando ampliamos esta foto se nos dice
debajo: “todos los derechos reservados”
…Y, sin embargo, flickr nos invita a enviarla a
nuestro blog
![Page 57: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/57.jpg)
flickr y crative commons
Es muy importante respetar y
hacer respetar a nuestros alumnos principios
básicos de una cultura libre y
abierta
Para agregar una licencia cc a nuestras propias fotos
![Page 58: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/58.jpg)
flickr y crative commons
Una vez elegida, flicr se
encarga de adjuntarla a
nuestras fotos
![Page 59: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/59.jpg)
flickr y the commons (patrimonio público)
Tienes también en flickr
numerosas fotos "sin
restricciones conocidas de derechos de
autor"
Otra forma de colaborar en un web cada vez más social y participativa
![Page 60: Mis fotografías en La Web](https://reader035.vdocuments.pub/reader035/viewer/2022070318/557ba714d8b42a052c8b4987/html5/thumbnails/60.jpg)
E.mail de contacto:
No lo olvides: ante cualquier duda o problema, escríbeme.
¿A que no era tan difícil…?
Seguiremos trabajando otras herramientas importantes para
movernos con soltura en la Web 2.0