Publicaciones etiquetadas ‘Imagen’

Incrustar fotos y vídeos alojados en Flickr con el método oEmbed en tu blog

Escrito por eco escuela 2.0 el . Posteado en Tema 3: Incrustar contenido multimedia

La información de espacio de almacenamiento disponible para el blog de Centro, como la cuota utilizada hasta el momento, se puede consultar a través de la pestaña “Escritorio” de tu panel de administración del blog. Por defecto, los blogs de los Centros tienen 650Mb para almacenar sus imágenes y documentos. Pero si abusamos en subir a la galería multimedia fotos generadas con cámaras y teléfonos de última generación (que generan archivos de fotos a alta resolución) o documentos no optimizados en su tamaño, este espacio mermará muy rápidamente.

12-03-2014 12-20-40

Una solución podría ser utilizar un servicio de almacenamiento de fotos y vídeos externo que nos parezca de confianza. Este servicio podría ser un clásico y pionero como Flickr. Vamos a ver como insertar contenido multimedia, subido previamente, desde Flickr en tu blog, ahorrando así en el espacio de tu cuota de almacenamiento del blog.

Ten en cuenta que si optas por almacenamientos externos, estarás alojando contenido en servidores ajenos a la Consejería de Educación, Universidades y Sostenibilidad, por lo que se hace muy importante leer y entender los términos y condiciones de aceptación en el momento del registro de una cuenta, ya sea en flickr, Google (para los servicios de Youtube o Picasa), etc.

Podemos crear una cuenta en Flickr para alojar nuestros propias imágenes y/o vídeos para, posteriormente, incrustarlos en nuestro blog (una salida del colegio a una exposición, una excursión, un acontecimiento del Centro, etc.). También podemos incrustar imágenes de otros usuarios. En este tutorial no vamos a explicar como dar de alta una cuenta de usuario en Flickr, ni tampoco como subir imágenes y crear diferentes agrupaciones (llamadas galerías), en nuestra cuenta.

Mediante el sencillo método oEmbed podemos insertar imágenes y vídeos por separados, o incluso galerías, como veremos a continuación.

Incrustar una fotografía alojada en Flickr

Debes de localizar la foto a través del navegador de Internet, copias la URL y la pegas en la entrada de tu blog, donde quieras insertar la foto de Flickr, en una sola línea y sin hipervínculos (si copias la URL con Google Chome o internet explorer, al pegarlo en tu entrada, este te genera un hipervínculo).

Por ejemplo

http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/

Daría el siguiente resultado en la entrada del blog:

P2230188

Si no ves nada revisa el código insertado en la vista HTML de tu editor de texto en la entrada, , y elimina todo código que se encuentre antes y después de la URL que pegaste, por ejemplo:

<a href=”http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/”>http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/</a>

Pegamos desde Chrome y nos generó un hipervínculo. Lo solucionamos quitando la etiqueta de enlace y su cierre (todo lo que está en rojo), y dejamos la URL de la foto y/o vídeo en una sóla línea y sin hipervínculos.

También podemos encontrarnos con lo siguiente:

<p>http://www.flickr.com/photos/13037909@N06/3012917281/in/set-72157608769706803/</p>

Aquí, en la vista HTML de la entrada, eliminamos la etiqueta de párrafo y su cierre.

Incrustar un vídeo alojado en Flickr

En método sería el mismo. Veamos el ejemplo de un vídeo. Debes de localizar el vídeo a través del navegador de Internet, copias la URL y la pegas en la entrada de tu blog, donde quieras insertar el vídeo de Flickr, en una sola línea y sin hipervínculos.

Por ejemplo

http://www.flickr.com/photos/13037909@N06/6992179234/in/photostream

Daría el siguiente resultado en la entrada del blog:

Si no ves nada revisa el código insertado en la vista HTML de tu editor de texto en la entrada, , y elimina todo código que se encuentre antes y después de la URL que pegaste, siguiendo los ejemplos que pusimos en el apartado anterior de incrustar fotografías.

Incrustar una Galería de fotos y/o vídeos alojadas en Flickr

Primeramente, después de subir las fotos y/o vídeos a tu cuenta flickr, debes agruparlas en una galería a través de las opciones que te proporciona el servicio de este repositorio de imágenes y vídeos online.

Para publicar la galería en tu blog, localiza la galería y haz clic para acceder a ella:

Una vez en ella, localiza el enlace que abra la presentación a pantalla completa, y pulsa sobre el mismo:

Una vez que hayas accedido al “show” de la presentación, copias la URL y la pegas en la entrada de tu blog, donde quieras insertar la galería, en una sola línea y sin hipervínculos.

Por ejemplo

http://www.flickr.com/photos/13037909@N06/sets/72157629590404748/show/

Daría el siguiente resultado en la entrada del blog:

Si no ves nada revisa el código insertado en la vista HTML de tu editor de texto en la entrada, 12-03-2014 10-29-02, y elimina todo código que se encuentre antes y después de la URL que pegaste, siguiendo los ejemplos que pusimos en el apartado anterior de incrustar fotografías.

Galerías de imágenes

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

13-12-2012-11-26-22[1]

Galerías de imágenes en WordPress son una gran manera de compartir sus fotos con la comunidad escolar, amigos, familiares y sus seguidores. En una galería de imágenes se mostrará una serie de pequeñas imágenes adjuntas a una determinada entrada o en una página. Los lectores pueden hacer clic en cualquier imagen para iniciar un carrusel (para ello debe tener activado “Carousel” en el panel Jetpack) a tamaño completo que les permite desplazarse a través de la galería de imágenes a la vez.

  1. Abrir una entrada o página en modo edición. Si se trata de una nueva entrada o una página, asegúrese de añadir un título y salvar al menos una vez (guardar como borrador por ejemplo) antes de intentar insertar una galería.
  2. Haga clic en el botón Añadir objeto.
  3. Arrastre y suelte los archivos en el cuadro que aparece, o haga clic en Seleccionar archivos para elegir una imagen desde su ordenador para cargar.
  4. Después de que las imágenes han terminado de subir, se le mostrarán todas las imágenes de tu biblioteca multimedia. A continuación, haga clic en crear galería en las opciones de la izquierda de la pantalla y seleccione las imágenes que desee incluir en su galería: para incluir las imágenes que ya están en la Librería multimedia, seleccione la opción Librería multimedia en el lado derecho.
  5. Haga clic en Crear una nueva galería .
  6. En la siguiente pantalla, puede editar el título , subtítulo y texto alternativo para cada imagen.También puede hacer clic y arrastrar las fotos para reordenar según sus necesidades:
  7. Haga clic en Inserta galería.
  1. Edite una entrada o página con una galería y asegúrese de que usted está en el modo Visual de edición.
  2. A continuación, haga clic en la galería, en el icono Editar Galería que aparece.
  3. La pantalla de edición es similar a la que se muestra en la inserción de la galería. Al igual que antes, puede arrastrar y soltar imágenes para reorganizarlas y editar en cada imagen el título, texto alternativo y leyenda haciendo clic en la misma.
  4. Personalizar los ajustes de la galería (ver detalles más abajo).
  5. Asegúrese de hacer clic en el botón Actualizar galería para guardar la configuración y antes de tratar de actualizar cualquiera de los otros ajustes de la galería.

  • Enlazado a :
    • Página adjuntos: Una página especializada en su blog que muestra la imagen en el tema seleccionado.
    • Archivo multimedia: Un enlace directo a la imagen al tamaño completo que lo haya subido a medios (nueva manera de nombrar a la Librería multimedia).
  • Columnas : el número de columnas de imágenes para mostrar. Esto puede verse afectado por la elección del tema, así que asegúrese de probar un poco con el tema que tiene activado.

 

Para utilizar el código corto gallery, tendrá que cambiar a la vista de edición en modo texto (antes llamado modo HTML). El código corto gallery puede ser utilizado en su forma más simple como esta (y se mostrarán las imágenes que se adjuntan al mensaje o página):

[gallery]

También puede elegir otra configuración con el código corto gallery.

Opción Descripción Elecciones Configuración predeterminada
columns Número de columnas usadas para mostrar las imágenes Un número entero mayor que 0 3
link Cómo estará vinculada cada imagen expediente expediente
orderby Cómo ordenar las imágenes ID, menu_order, rand, title + ASC, DESC menu_order ASC, ID ASC
size El tamaño en que se muestran las imágenes thumbnail, medium, large, full thumbnail
id La galería mostrará las imágenes que se adjuntan a esa entrada. Cualquier ID de entrada o página que contiene imágenes que se le atribuye Por defecto se muestra la galería de la entrada
include La galería incluye imágenes específicas IDs separados por comas * – include = “23,39,45″ N/A
exclude La galería excluir imágenes específicas IDs separados por comas * – exclude = “24,30,43″ N/A
* Nota: Para obtener un ID de archivo adjunto de una imagen, vaya a su biblioteca multimedia y haga clic en el título de la imagen que desea. Usted puede encontrar el ID en el URL (el número después de post= ).

Ejemplo de Galería (galería en mosaico al activar esta característica a través del plugin Jetpack):
Túnel Castle Hill Frescos de Széchenyi Baths Piezas de ajedrez en el mercado de Vásárcsarnok Paseando de noche Estatuas Puente colgante Széchenyi St. Stephen’s Basilica Avenue Flores Alley

Solución de problemas

Si tiene problemas para crear una galería en su entrada, trate de introducir el título y guardarlo como borrador antes de subir ninguna imagen.

Como colocar una imagen en la barra lateral de WordPress a través de un widget de texto

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

050812_1232_Comocolocar4.png

Para insertar una imagen, o un logo en tu blog solo debes seguir los pasos sencillos que se detallan a continuación:

  • En tu escritorio de WordPress en el panel Entradas, haz clic en la opción “Añadir nueva“.
    12-03-2014 10-32-17
  • A continuación, subir la imagen o logo que se desea insertar en la barra lateral desde el botón “Añadir objeto” en la parte superior del editor de texto o del área de edición de la entrada.
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.27-02-2014 14-30-01
  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
    Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
    27-02-2014 14-35-31
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada.
  • Después que resulte la siguiente imagen haga clic en el botón HTML, para copiar el código HTML de la imagen en la barra lateral del sitio.

  • Ahora dirígete al subpanel “Apariencia” y selecciona la opción “widgets“. Busca el Widget “texto” y arrastra con el puntero del ratón a la zona de widget de la barra lateral de tu blog. Posteriormente, pega el código HTML, anteriormente copiado, en el recuadro. Escribe el título de la imagen, si así lo decides, si no dejarlo en blanco.

    Ahora selecciona guardar, y cerrar.

Puedes deslizar la imagen de la barra para situar su ubicación  al lugar más conveniente, por ejemplo la ubicamos en la parte superior.

  • Al actualizar tu blog quedará similar a este ejemplo.

 

Incrustar contenido multimedia

Escrito por eco escuela 2.0 el . Posteado en Tema 3: Incrustar contenido multimedia

050312_2214_Lapublicaci2.png

En este tema exploraremos como podemos compartir archivos en nuestro blog. Una de las características principales que nos han traído los últimos avances tecnológicos es la facilidad para compartir contenidos digitales y multimedia a través de la red y de las redes.

Cuando comencemos a publicar entradas en nuestro blog o en el blog de nuestro centro tendremos la necesidad de usar contenidos multimedia y por tanto es interesante explorar algunas de las posibilidades que nos ofrece WordPress para hacerlo.

Además, también tendremos la necesidad de compartir diferentes tipos de archivos y también será bueno explorar cuales son es la mejor forma de compartirlos.

Sabemos que los blogs institucionales serán gestionados por la persona o personas que se hagan responsables del mismo mediante la correspondiente solicitud y por tanto serán los encargados de hacer un buen aprovechamiento del servicio. Cuando subimos archivos e imágenes a nuestro blog tendremos que tener en cuenta el espacio del que disponemos en el mismo.

El blog no funciona como un repositorio de recursos, por lo que no se dispondrá de un espacio indefinido para la subida de archivos. Aunque nos permite adjuntar imágenes y archivos que se gestionarán desde la librería multimedia (algunos se harán visibles dentro del blog y otros serán enlazados) deberemos tomar conciencia de cuales son aquellos archivos que nos interesa guardar en un servidor seguro (el que nos ofrece la Consejería) y cuales podremos subir a los repositorios que nos facilita la Web 2.0.

Al igual que hacíamos con las imágenes, en el tema 1, tendremos que decidir que tipo de archivos subimos y almacenamos en la librería multimedia de nuestro blog y cuales subimos a otros repositorios para compartirlos desde ellos.

La gran mayoría de la información que compartimos no es sensible de ser privada, por lo que podremos enlazarla e incrustarla en nuestro blog desde los repositorios y herramientas de la Web 2.0 como YouTube, SlideShare, Vimeo, Flickr, Issuu, Slide, Picasa, Prezi,…

En ciertas ocasiones nos surgirá la necesidad de compartir documentos institucionales, imágenes o producciones del alumnado (siempre con los correspondientes permisos) y no nos interesará mucho subirlos a espacios que no están muy controlados y que se nos pueden quedar con los derechos de esos archivos subidos. Es en estos casos, es donde cobra especial relevancia el espacio de nuestro blog institucional porque los archivos que subamos al mismo sabemos que no se aloja en servidores externos y por tanto podremos usar las medidas de privacidad que nos ofrece WordPress con total tranquilidad.

Hagamos una reflexión a modo de ejemplo: Tengo 20 vídeos realizados con mi alumnado haciendo diferentes observaciones o actividades y quiero compartirlos. Opto por compartirlos a través de mi blog personal o a través del blog del centro pero tengo que decidir donde los subo. Puedo crear un canal en YouTube o Vimeo subirlos y embeberlos en mi blog con lo que se verán perfectamente incrustados en la entrada. La otra opción es la de subirlos directamente a la librería multimedia de mi blog en donde se creará un enlace para ser descargados y es posible que me quede sin espacio para poder subir otro contenido.

En algunos casos podremos encontrarnos con cierto tipo de archivos o vídeos que por sus características no me interesa subirlos a ningún repositorio externo (salen imágenes que no me interesa poner en YouTube o Vimeo, contienen contenido privado,…). Este tipo de archivos son los que son susceptibles de ser subidos al blog institucional configurando la entrada como privada o protegida por contraseña para que no pueda acceder todo el mundo. En estos casos si es interesante subir el archivo a la librería multimedia e insertarlo en la noticia desde ella.

Los derechos de autor

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2216_Losderechos11.png

La distribución de materiales multimedia en cualquier formato están sujetos a la misma legislación sobre derechos de autor que el resto de obras: libros, pinturas, música, etc. Esto significa que si decidimos incorporar recursos ajenos (imágenes, audios, vídeos, presentaciones, documentos) a nuestro espacio web debemos conocer y respetar las condiciones de uso que han definido los autores de estos materiales. Y esto es especialmente significativo cuando el material que hemos elaborado supera el contexto de uso particular y se pretende publicar en internet. Es entonces cuando existe posibilidad de ser utilizado por otras personas incluso en clara competencia con el material original.

En ocasiones cuando accedemos a un espacio web, su autor explicita la posibilidad de reutilización a cambio de citar la procedencia (derecho de cita) o bien de que no se fragmente su obra (derecho de obra no derivada).

Sin embargo cuando esto no se indica o bien se muestra una licencia de copyright (derechos reservados) conviene ser cauteloso. La apropiación indiscriminada de materiales ajenos para elaborar un material propio no se puede justificar desde la ausencia de ánimo de lucro que caracteriza las iniciativas donde participemos. Esta justificación no es suficiente y se hace necesario en estos casos contactar con el autor o autores para obtener su permiso y en caso favorable citar siempre la fuente de procedencia.

 

Creative Commons – CPJV

Licencias Creative Commons

Creative Commons (http://es.creativecommons.org/) es una organización que ofrece a cualquier usuario la posibilidad de elegir las condiciones en que desea compartir un trabajo publicado en Internet. Para ello debe elegir entre 4 condiciones (información sacada de la página: http://es.creativecommons.org/licencia/).

Reconocimiento (Attribution): El material creado puede ser distribuido, copiado y exhibido por terceras personas si se reconoce la autoría en los créditos.

No Comercial (Non commercial): El material original y los trabajos derivados pueden ser distribuidos, copiados y exhibidos mientras su uso no sea comercial.

Sin Obras Derivadas (No Derivate Works): El material puede ser distribuido, copiado y exhibido pero no se puede utilizar para crear un trabajo derivado del original.

Compartir Igual (Share alike): El material puede ser modificado y distribuido pero bajo la misma licencia que el material original.

De la combinación de estas condiciones se logran componer los 6 tipos de licencias que se pueden elegir:

Reconocimiento (by): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Se permite cualquier explotación de la obra, incluyendo una finalidad comercial, así como la creación de obras derivadas, la distribución de las cuales también está permitida sin ninguna restricción.

Reconocimiento – Sin obra derivada (by-nd): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Se permite el uso comercial de la obra pero no la generación de obras derivadas.

Reconocimiento – No comercial – Sin obra derivada (by-nc-nd) : El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial. No se permite un uso comercial de la obra original ni la generación de obras derivadas.

Reconocimiento – No comercial (by-nc): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. Se permite la generación de obras derivadas siempre que no se haga un uso comercial. Tampoco se puede utilizar la obra original con finalidades comerciales.

Reconocimiento – No comercial – Compartir igual (by-nc-sa): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial y las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original.

Reconocimiento – Compartir igual (by-sa): El material puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos.

Las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original.

Obtener la licencia

Cuando hayas hecho tu elección tendrás la licencia adecuada para tu trabajo expresada de tres formas:

  • Commons Deed: Es un resumen fácilmente comprensible del texto legal con los iconos relevantes.
  • Legal Code: El código legal completo en el que se basa la licencia que has escogido.
  • Digital Code: El código digital, que puede leer la máquina y que sirve para que los motores de búsqueda y otras aplicaciones identifiquen tu trabajo y sus condiciones de uso.

Utilizar la licencia

Una vez escogida la licencia tienes que incluir el botón Creative Commons “Algunos derechos reservados” en tu sitio, cerca de vuestra obra. Este botón enlaza con el Commons Deed, de forma que todos puedan estar informados de les condiciones de la licencia. Si encuentras que tu licencia ha sido violada, entonces tendrás las bases para poder defender tus derechos.

Proponemos la visualización de un interesante vídeo que explica las licencias Creatice Commons

Para completar la entrada por si no les queda claro recomiendo ver el vídeo de Pablo Arrieta.

 

Añadir una licencia CC a un blog de WordPress

Una licencia Creative Commons permite que nuestros lectores sepan, en concreto, lo que pueden y no pueden hacer con el contenido publicado en nuestro blog del profesorado o en nuestro blog de centro. Si decidimos registrar el contenido de dichos blogs, sería interesante visitar la página “Creative Commons España” en el sitio web oficial de la organización.

Para situar una licencia CC (Creative Commons) en la barra lateral de nuestro blog deberemos seguir los siguientes pasos:

  1. Visita la web de Creative Commons: Escoja una licencia
  2. Se cargará un formulario que tendremos que completar y, que nos dará el tipo de licencia que mejor se adapta a las necesidades descritas en el mismo.


  • Cuando terminemos, haremos clic en el botón “Escoja una licencia“.
  • Finalmente, selecciona la imagen que deseas utilizar para tu licencia, y copia el código que se encuentra en el cuadro de texto (que se ilustra en la siguiente imagen).


  • A continuación, podremos pegar este código en un widget de texto en la barra lateral del blog. Para ello, en el panel de administración de WordPress, debes de acceder al submenú “Apariencia Widgets” y a continuación elegimos un Widget de “Texto” lo arrastramos y lo soltamos sobre la barra lateral derecha en la zona que nos interesa hacerlo visible.

 

  • En el cuadro de texto Título introduce el texto Licencia Creative Commons. En el cuadro de texto inferior haz clic derecho y elige Pegar para pegar el código HTML que te ha proporcionado el espacio Creative Commons.

  • Para finalizar haremos clic en el botón Guardar. Para cerrar la edición de este Widget pulsaremos en el enlace Cerrar. Para eliminar este Widget haremos clic en el enlace Borrar.
  • Si posteriormente quisiéramos modificar de posición arriba/abajo del gadget que se muestra en pantalla basta con acceder a la zona de Widgets (Apariencia Widgets) pulsar y arrastrar uno respecto al otro sobre la edición de la barra lateral.

  • Podemos ver el resultado en nuestro blog:

 

Más información

La Información de este tema ha sido sacada de la entrada publicada en el Blog central de los Centros Educativos: “Cómo crear una galería de imágenes con editor en modo de edición Visual

Otras noticias publicadas en el Blog central de los Centros Educativos que están relacionadas y nos permitirán ampliar la información:

La publicación de imágenes

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2214_Lapublicaci4.png

Todos y todas conocemos los dichos de “una imagen vale más que mil palabras“, o “una imagen habla por si sola” y aunque, como todos ya sabemos, hoy en día tenemos líneas de conexión a Internet muy potentes, y ya no prima tanto el peso de las páginas, siempre hay que tener en cuenta el tamaño y peso de los archivos gráficos al maquetar nuestras noticias.

Los estilos minimalistas están de moda. La sobriedad en nuestras publicaciones suele primar al carnaval en los diseños Web de hace años, pues puede hacer perder seriedad a nuestras publicaciones (e incluso credibilidad), siempre dependiendo a quién esté dirigido nuestro blog (no es lo mismo un blog en el que nuestro público sean niños pequeños o que sean otros docentes).

En WordPress tenemos, de antemano, mucho camino recorrido en la elección de nuestro tema. Pero son las imágenes que vamos incorporando en nuestras entradas, páginas y en la barra lateral (blogroll, etc…) las que le confieren un diseño atractivo. Ahora con Internet tenemos al alcance de nuestra mano millones de fotografías, dibujos y vídeos con, por ejemplo, el grandioso servicio de búsqueda por imagen de Google, repositorios multimedia, fotoblogs, youtube, y en general toda la Web.

Pero no es oro todo lo que reluce y debemos de ser muy cuidadosos. El que una imagen esté disponible en Internet no significa que sea libre para usarla. Una de las prácticas más importantes a la hora de publicar en Internet es no usar nunca imágenes que tengan derechos de autor y de las cuales no tengamos permiso para ser utilizadas.

Pero esto no debe amedrentarnos. En muchos casos podremos usar imágenes de nuestra propia cosecha (hoy en día poca gente no posee cámara digital y tenemos ingentes cantidades de fotos que podemos utilizar) pero sin vulnerar derechos de imagen de quien pose en ellas y cogiendo la costumbre de tener los permisos oportunos.

Al principio, lo normal es que tengamos en cuenta esto, pero con el paso del tiempo nos vamos “relajando” y, con las prisas y el poco tiempo que tenemos para todo, terminamos cometiendo el error de publicar una imagen con derechos de autor, con los potenciales problemas legales que nos puede generar.

Repositorios de imágenes

Nuestra primera tarea debería ser familiarizarnos con las licencias de uso libre de contenido como Creative Commons o similares. Existen multitud de repositorios que contienen imágenes donde sus autores establecen este tipo de licencia de libre uso (con algunas restricciones). Entre todos los que existe, podemos destacar algunos:

  1. PhotoPin, es un motor de búsqueda de imágenes basado principalmente en Flickr lo que garantiza una calidad para las fotos bastante buena, además cuenta con las opciones de previsualización y descarga.

PhotoPin, nos permite descargar la imagen en varios tamaños (75×75, 100×56,…así hasta 6 diferentes) de esa manera nos ahorramos tiempo en editar el tamaño. También nos proporciona el link de la foto y si lo deseamos podemos copiar el código html e insertarlo en el blog.

  1. MorgueFile, es un directorio de fotografías digitales de media y alta resolución desde donde puedes descargar y utilizar documentos gráficos. Las fotografías se pueden utilizar libremente siempre que no se utilicen como parte de una transacción económica y no se reclame la autoría. El archivo dispone de gran variedad de recursos clasificados en categorías y subcategorías.
  2. Stock.xchng, es un sitio que permite a los fotógrafos compartir sus obras, comentarlas en fórums y mantenerlos en contacto por chat.

Las fotografías expuestas podrán ser usadas como fondo de pantalla, para nuestro blog personal… más de 200.000 fotos de 15.000 fotógrafos participantes.

  1. 123RF, 123RF.com y sus colaboradores presentan un mundo de imágenes gratuitas. Usted puede descargar estas imágenes completamente gratis y no serán contabilizadas en su descarga mediante créditos ni tampoco afectarán su cuota de descarga para el día.
    Podremos descargar y usar las imágenes de resolución web bajo los términos de la Licencia para imágenes gratuitas (uso limitado a 10,000 copias) de 123RF.com.
  2. Let`s CC, que además de buscar imágenes incluye vídeos, sonidos, documentos.
  3. Pixabay, es un repositorio donde tendremos la posibilidad de elegir un formato para la web o la imagen original (posiblemente ocupa un poco más de espacio). Es ideal para descargar imágenes de “Public Domain” sin copyright lo cual es muy interesante para usar en algunos trabajos pero sin tener que atribuir datos del creador.
  4. Clker, es un sitio web desde donde no solo podemos bajar imágenes gratis de dominio público sino también cliparts, esto es, diseños o diagramas hechos con vectores y representando diversas figuras o diseños. La base de datos de cliparts online es útil para usar en presentaciones pero también en diseños variados.
  5. Foter, es un buscador que permite escrutar por licenciamiento de imagen y que además ofrece un plugin para WordPress con el cual podemos integrar su buscador en el propio editor de WordPress para facilitar la búsqueda e inserción de imágenes en blog.
  6. Photl , ofrece imágenes en baja resolución que se pueden descargar gratis y sirven como imágenes para blogs o sitios web que pueden ser utilizadas de forma no comercial. Se trata de un banco de imágenes gratis que ofrece una buena calidad de imagen y una completa base de datos o stock fotográfico para recorrer en sus galerías online. Para imágenes comerciales se cobra un precio de derechos de autor que no supera los 4 USD.

También existen ciertos repositorios con imágenes vectoriales:

  1. Vector Hunter,  es un sitio web que justamente ofrece un buscador de vectores gratis o de licencia libre que se encuentran en la red. El sitio cuenta con un buscador de vectores organizado por categorías para localizar vectores de todo tipo y descargar vectores gratis.
  2. Freepik, es un buscador de fotos y vectores gratis en español. Una buena alternativa para encontrar gráficos que podemos emplear en nuestros blogs sin problemas de licencia.

Por tanto, nuestra tarea consistirá, entre otras, cosa en utilizar contenido que no vulnere los derechos de autor.

Insertar una imagen

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2201_Insertarima27.png

Cuando se escribe una entrada en el blog seguramente les surgirá la necesidad de usar imágenes para decorar o ilustrar la misma.

El uso de las imágenes requerirá una reflexión más detallada que abordaremos un poco más adelante por la importancia que tiene el tomar conciencia sobre el respeto escrupuloso a los derechos de autor. Las imágenes que se adjuntan a una noticia estarán publicadas en la Web y por tanto estaremos expuestos a cualquier tipo de reclamación.

Para empezar, habrá que decidir donde queremos tener las imágenes que se van a utilizar en la entrada que se está creando. Podremos tenerlas subidas al espacio que nos ofrece nuestro blog o acceder a ellas desde la Web. Para la segunda opción podremos usar algunos de los servicios gratuitos que nos permiten alojar nuestras colecciones de fotografías o enlazar directamente desde algún repositorio específico o página web (esto tiene el riesgo de que si quitan la imagen que tenemos enlazada del sitio web a donde hemos dirigido el enlace nos quedaremos sin ella en nuestra entrada).

Los servicios gratuitos para alojar colecciones de fotografías, tipo Picasa o Flickr,… suelen ser más apropiados para alojar gran cantidad de fotografías, por ejemplo, después de haber hecho una salida con los alumnos para tener un álbum fotográfico virtual.

En este apartado del tema trataremos de repasar como podemos insertar una imagen en una entrada desde estas dos perspectivas y cómo podemos crear galerías de imágenes.

Insertar una imagen subiendola previamente a la galería multimedia de nuestro blog

La forma más sencilla y natural será la de subir una foto que se tenga guardada en el propio ordenador.

  • Pondremos el cursor en el lugar donde queremos insertar la imagen y luego buscaremos en la parte superior del editor de texto o del área de edición de la entrada el icono de “Añadir objeto”:
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.
    27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.

27-02-2014 14-30-01

  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
  • Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada, donde acabaremos de organizar y escribir la noticia que vamos a publicar.
    27-02-2014 14-35-31
  • Ya solo que tenemos que colocar la imagen. La seleccionamos y con la herramienta Alinear texto la colocamos en el centro, izquierda o derecha. Jugando con estas opciones, podemos colocar el texto al lado de la foto.
  • Como consejo, colocar la foto después de poner el texto.

 

Insertar una imagen enlazada desde Internet

Otra forma que podremos utilizar es la de insertar una foto que ya está en Internet. Puede que la tengamos subida un alojamiento propio o que la enlacemos directamente desde otro lugar de la Web (tendremos que tener mucho cuidado con los derechos de autor):

  • Localizamos la imagen en Internet y con el botón derecho copiamos la ruta de la imagen.
  • Colocaremos el curso en el lugar donde queremos insertar la imagen y buscaremos el botón de “Añadir objeto” que aparece en la parte superior del editor de texto.
  • Seleccionar la opción de “Subir archivos” y al seleccionar el botón de “Selecciona archivo” se abrirá el menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Tendremos que buscar la opción que pone “Insertar desde URL” y se desplegarán las opciones para introducir los datos de la foto.
  • En este menú introducimos la dirección donde está la imagen en Internet (la que hemos copiado en el portapapeles en el paso 1) y completaremos la leyenda.

    27-02-2014 14-49-49

    Fotografia de ejemplo: Mont Saint Michel por Benito Roveran, CC

  • Es importante el poner un nombre a la foto. De esta forma hacemos accesible la página a las personas con discapacidad visual.
  • Una vez se hayan completado todos los datos haremos clic sobre “Insertar en la entrada”
    .

 ¿Subir desde una URL?

Ejemplo de imagen subida desde URL remota

¿A que no sabías que el cargador de imágenes de WordPress es capaz de subir y guardar imágenes que cargues desde la red?. Pues si, puede, y es muy fácil hacerlo.

1. Ir a EntradasAñadir nueva o a Páginas Añadir nueva, o abrir una entrada existente en el modo de edición.

2. Coloca el cursor donde deseas que aparezca la imagen, y haz clic en el icono “Añadir objeto” que se encuentra directamente por encima de su editor.

28-02-2014 9-20-56

3. Haz clic en el botón “Selecciona archivos” (como vimos en un apartado anterior) y elije el archivo de imagen desde tu ordenador.

28-02-2014 9-24-41

4. En vez de guardar una imagen en tu ordenador y luego subirla pega la URL de la imagen en la caja de la ruta del archivo y haz clic en OK.

28-02-2014 9-33-14

WordPress guarda la imágen y te la muestra lista para insertarla en la entrada, tal como hemos hecho con esta foto de jfelias en morgueFile.com.

(Nota: este truco solo funciona en Windows, en Mac no hay caja para introducir la ruta)

Fuente: Ayuda WordPress

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: