lunes, 22 de marzo de 2010

Inserción de imágenes en el blog

Blogger ha actualizado recientemente el editor de entradas de los blogs y lo ha modificado sustancialmente. Ahora, la inserción de imágenes se realiza de forma distinta a como se hacía con el antiguo editor, y se ha mejorado el procedimiento. Aunque el contenido de los blogs sigue siendo principalmente textual, las imágenes cumplen funciones importantes, y su uso implica el conocimiento de aspectos que hay que tener muy presentes para que resulten útiles e ilustrativas en los blogs.

1. Procedimiento para insertar imágenes en el blog de Blogger

Para actualizar el editor de entradas, hay que cambiar la opción en Configuración -> Básico -> Seleccionar editor de entradas -> Editor actualizado.

El procedimiento para insertar una imagen es sencillo, y se puede observar en este vídeo que he creado para mostrarlo:


Insertar una imagen en una entrada de Blogger from Alejandro Valero on Vimeo.

Si queremos insertar una imagen, hacemos clic en el icono de añadir imagen, destacado con un círculo rojo en la siguiente imagen:

Y entonces aparece una ventana emergente, como se ve en la siguiente imagen, donde tenemos un menú a la izquierda que nos permite elegir una imagen desde nuestro blog, desde uno de nuestros álbumes de Picasa o desde un documento web con su dirección URL. Muchos no saben que cada vez que incluimos una imagen en nuestro blog, queda guardada automáticamente en un álbum de Picasa que lleva el nombre de nuestro blog.

En principio, lo más habitual es subir la imagen desde nuestro disco duro, que es la opción inicial:

  1. Primero, pulsamos el botón Elegir archivos para buscar la imagen en nuestro disco duro.
  2. Una vez subida la imagen, aparece en tamaño pequeño. Para incluirla en el editor del blog podemos hacer doble clic sobre ella o pulsamos el botón Añadir imágenes seleccionadas.
Cuando hacemos clic en la imagen, aparece junto a ella una etiqueta superpuesta de color azul que incluye las opciones, como podemos ver en la siguiente imagen:


Haciendo clic en las opciones, podemos elegir el tamaño que queramos para la imagen, y también podemos alinearla en el documento. Si la alineamos a la izquierda o a la derecha de un párrafo, conviene que la imagen sea pequeña para que no quite mucho espacio al texto. Pero, por lo general, lo más aconsejable es centrar las imágenes en el documento. Por último, está la posibilidad de incluir un texto como pie de foto en la opción Añadir leyenda.

Cuando una imagen se inserta dentro de una entrada del blog, el editor la reduce, y permite elegir entre cuatro tamaños, además del tamaño original. Casi siempre es aconsejable dejarla al tamaño original si ya la hemos ajustado con un programa adecuado antes de subirla. Si el tamaño es mayor que el de la imagen, ésta se ve un tanto borrosa y pixelada, con lo cual es mejor elegir un tamaño más reducido. Además, hay que tener cuidado porque el tamaño Extra grande crea imágenes que puede que no se vean enteras si superan la anchura del diseño de la entrada, o pueden invadir el lateral del blog.

Si queremos personalizar el tamaño a nuestro gusto, podemos acudir al código fuente. He comprobado que para ello primero hay que dejar la imagen con un tamaño mayor que el que tiene entre los cuatro que se pueden elegir; por ejemplo el Extra grande, pues si no, queda pixelada. Y después vamos al código HTML de la imagen y modificamos sus atributos width (anchura) y height (altura), como se ve en el siguiente código, que corresponde a la imagen anterior cuyo pie de página es "Imagen añadida al editor":
<img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtJVVhX7h65lttUaoMVwOS1Bk7mGG7wrF9CeOcYTeMrI1IQYWPgHpnZjJkphgaYTSalZofZSePK_mX1Lpurqh_wbhqG5Velz-3b_VTYepwCkoKj3E9BlPU-SaOeOw3VdYzqAPrLDx5DQw/s640/subir_imagen2.jpg" width="528" />

Lo bueno del editor es que si incluimos una imagen demasiado grande, la reduce al insertarla en el editor, pero se puede ver en su tamaño original haciendo un clic sobre la imagen. En este caso, la imagen se abre en la misma ventana, con la consiguiente molestia de tener que volver a la página anterior para seguir leyendo la entrada. Véase aquí un ejemplo:

Perra sentada en la nieve

De todas formas, si la imagen que tenemos es muy grande, lo mejor puede ser recortarla o reducirla con programas de retoque fotográfico o con servicios web como Picnik, que resultan muy cómodos y útiles.

Otras aplicaciones web pueden solucionar un error muy habitual en los blogs, que es incluir muchas imágenes grandes en una entrada, lo que ralentiza la carga de la página y recarga el contexto de forma molesta para el lector. Una solución suele ser la de insertar un reproductor de pase de diapositivas como los que proporcionan los servicios web de alojamiento de imágenes Flickr y Álbumes Picasa que trato en elos artículos Insertar álbumes de Flickr en el blog e Insertar álbumes de Picasa en el blog. Aquí vemos uno de mis álbumes de Flickr en formato de diaporama:


En otros casos, las diapositivas pueden mostrarse en forma de vídeo, como los que se pueden hacer fácilmente usando la aplicación Picasa, con la que he realizado este vídeo de fotografías de San Saturio, tomadas mientras paseaba por donde lo hacía don Antonio Machado:

2. El código HTML de la imagen

Conviene conocer el código HTML de las imágenes, sobre todo porque Blogger no incorpora dos atributos que resultan útiles por motivos de accesibilidad:
  • Texto alternativo (alt): toda imagen debe incluir un texto breve que la describa para que las personas ciegas puedan saber de qué se trata cuando sus navegadores especiales les leen los contenidos de un documento web. Además, este texto alternativo lo usan los buscadores para clasificar las imágenes. ¿Cómo puede saber Google que una fotografía es de un perro si no se lo indicamos de alguna manera?
  • Título (title): es conveniente incluir el atributo de título en etiquetas de HTML siempre que pueda ser útil; por ejemplo, cuando tenemos más de una imagen y queremos que el lector las distinga poniendo el cursor del ratón encima, porque entonces aparece el texto que hemos escrito en este atributo en un marco de texto de color. Pruébese colocando el cursor encima de la imagen del perro.
Estos importantes atributos no los incluye Blogger y, por tanto, hay que tener mucha paciencia o muchas ganas para hurgar en el código fuente y colocarlos donde corresponden, pero aquí quedan para que se sepa y para que Blogger los incluya en alguna actualización.

El código HTML de la imagen del perro tendría que ser el siguiente si le incluímos estos dos atributos:
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE8D93gZ1U0qcKWSs7JdgIxPHXJyRSSkAxsGgzOJJzx_f-ZOy4BLwuA1HzqbKrgRsQAThM0TP7nlbDhI-4c63EXhe0uhdyS6E91LagP9W6x1sSpqcfFlcsoe0PLYW8E9UDnf2QW-kxPUo/s320/pia.jpg" alt="Perra sentada en la nieve" title="Mi perra Pía" />
El código de la imagen lo buscamos donde haya una etiqueta img de imagen que incluya la ruta (src) del archivo de la imagen que sabemos que se llama, en este caso, pia.jpg.  En letra roja aparece el texto alternativo (alt) que describe la imagen: "Perra sentada en la nieve", y el título (title): "Mi perra Pía", texto con el que identifico esta foto y que se puede leer poniendo el cursor del ratón encima de la imagen.

3. Incluir un enlace en una imagen

A veces puede que queramos incluir un enlace en una imagen de manera que al hacer clic sobre la imagen nos aparezca la página enlazada. Este procedimiento se realiza de forma muy sencilla en muchos editores, simplemente haciendo clic en la imagen y pulsando en el icono de enlaces, pero resulta que en el editor de Blogger esto no se puede realizar.

Lo que siempre podemos hacer en Blogger es incluir el código HTML que nos permite crear un enlace en una imagen. Pero aquí tenemos otro problema: Blogger enlaza todas las fotos para que se vean en otra pantalla a tamaño completo cuando hacemos clic en ellas, por tanto tenemos que sustituir ese enlace por el que queramos.

Veamos un ejemplo con la primera imagen de este artículo. Si abrimos la Edición HTML de la entrada, veremos que el código es el siguiente:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TVSSUCQnEarUJFB9NDTDbcVQuMezhS25zl0khpi73CzEZ4lpY7Y-EjwYyrUOXdpnP845YGcdkyt4sG4AnRqe71Ey6nYsMPEgThtqLMIifziv13zvgbpblqYlvMtKu_9Cy0bh6KhvEms/s1600-h/paleta.jpg" imageanchor="1" style="clear: left; float: left; margin-right: 1em; margin-top: 7px;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TVSSUCQnEarUJFB9NDTDbcVQuMezhS25zl0khpi73CzEZ4lpY7Y-EjwYyrUOXdpnP845YGcdkyt4sG4AnRqe71Ey6nYsMPEgThtqLMIifziv13zvgbpblqYlvMtKu_9Cy0bh6KhvEms/s320/paleta.jpg" /></a></div>
En color rojo he puesto todo el código que tenemos que eliminar: el enlace y también un código de estilos que incluye Blogger. Lo que nos interesa aquí es el atributo href (en azul en el código), dentro de la etiqueta <a> de enlaces, en el que insertamos la dirección web (URL) de la página que queremos enlazar. Después de borrar el código en rojo, tendremos que insertar el enlace que nos interese; éste, por ejemplo:
href = "http://www.w3c.es"
Esta es la página en español del World Wide Web Consortium, que vela por la Web y su código HTML. Al final, el código completo de nuestra imagen con enlace será el siguiente, al que le he incluido en color rojo el código HTML necesario para abrir el enlace en otra ventana o pestaña del navegador, por si interesa:
<div class="separator" style="clear: both; text-align: center;">
<a href = "http://www.w3c.es" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TVSSUCQnEarUJFB9NDTDbcVQuMezhS25zl0khpi73CzEZ4lpY7Y-EjwYyrUOXdpnP845YGcdkyt4sG4AnRqe71Ey6nYsMPEgThtqLMIifziv13zvgbpblqYlvMtKu_9Cy0bh6KhvEms/s320/paleta.jpg" /></a></div>
Y aquí tenemos la imagen que enlaza la página del W3C en otra ventana:

4. Enlaces de interés sobre blogs especializados e imágenes gratuitas

Si queremos trabajar con todo tipo de multimedia en los blogs, conviene seguir Roa Multimedia, blog de José Mª Campo, y El balcón abierto, blog de Ángel Puente, profesores ambos especializados en estos temas.

Los problemas legales con imágenes los han tratado en Bloguismo con dos artículos: primera parte y segunda parte.

Y si queremos obtener imágenes gratuitas o con una licencia Creative Commons que nos permita su uso, aquí hay unas cuantas direcciones donde conseguirlas:
(Entrada actualizada el 17 de marzo de 2011)

55 comentarios:

  1. Estoy fascinada con tu blog, he aprendido muchísimo y quiero poner en práctica muchas de las cosas que publicas, si visitas mi blog, www.lasdeliciasdevivir.com verás que podría sacarle mucho provecho a todas las herramientas que comentas aquí!!, me sorprendió mucho ver el album de Picassa, ya lo puse público para que google lo encuentre, pero me falta hacer el arreglo de los alt y títulos de mis imagenes, pues todas están grabadas con números :(
    Mil gracias por tantas explicaciones buenas
    Jackie

    ResponderEliminar
  2. Hola, Alejandro. He mencionado tu blog en el mío (http://bit.ly/bE6kxG) como un blog que hay que visitar. Es parte de la iniciativa "Vale a pena ficar de olho nesse blog". El blog elegido, en este caso el tuyo, debe incluir el sello del premio con un enlace al blog del que ha recibido el premio, y escibir además diez enlaces a otros tantos blogs que merecen ser visitados. ¡Gracias por tu interesantísimo blog, que es una auténtica mina! Un saludo.

    ResponderEliminar
  3. Juan Ignacio, gracias por tu interés, pero no sabría elegir 10 blogs sin ofender a otros 20 que también lo merecen. Además, los memes hace tiempo que dejaron de gustarme, porque son una obligación impuesta con amabilidad. Un saludo.

    ResponderEliminar
  4. No importa, Alejandro, tienes toda la razón: es muy difícil escoger entre tanta cosa buena y, ciertamente, "es una obligación impuesta con amabilidad", pero comprende la ilusión del novato, ¡para mí es prácticamente el primer "meme"! Y no podía por menos que reconocer mi deuda hacia tu blog, aunque evidentemente "Apuntes sobre blogs" no necesite en absoluto que yo lo promocione. ¡Un saludo cordial!

    ResponderEliminar
  5. Gracias por esta información que ofreces en tu blog

    ResponderEliminar
  6. Hola, quise añadirme como seguidor de su sitio, pero el sistema me envió un mensaje que dice que el administrador de este sitio bloqueó mi participación. ¿Podría por favor indicarme la razón de esta decisión? Gracias.

    Mi dirección de email es: atalayadejesus@gmail.com

    ResponderEliminar
  7. Donald, supongo que habrá sido un error del sistema; eso es lo primero que se me habría ocurrido si me hubiera pasado a mí.

    ResponderEliminar
  8. Hola, Alejandro.

    Gracias a este post creo haber localizado el problema que veo últimamente en mi blog. Las imágenes que aparecen en las entradas están efectivamente borrosas o han perdido calidad, según comentas esto puede deberse a que la imagen que yo subo es demasiado grande. Lo que no sé es cómo saber cuáles son las medidas a las que debo subir la imagen para que esta aparezca bien en la página, dejando intacta la poisibilidad de que luego al pinchar en ellas se vean más grandes. Espero haberme explicado.

    Muchas gracias!

    ResponderEliminar
  9. Si las imágenes que subes son muy grandes, siempre se verán bien cuando las reduce el editor de Blogger en cualquiera de los tamaños opcionales. En cambio, si las imágenes son más pequeñas que el tamaño opcional que escojas, entonces la imagen se verá borrosa. Porque las imágenes pierden calidad sólo cuando las aumentas a una resolución mayor que la original, pero no cuando las reduces.

    El ancho máximo que permite el editor de Blogger es de 640 píxeles, por eso si metes imágenes más grandes, siempre quedarán bien en cualquier tamaño que las reduzcas. Pero no conviene que las imágenes que subas sean demasiado grandes, a no ser que subas la foto de un cuadro de Velázquez.

    He visto tu blog "Escrito en la pared" y las fotos se ven muy bien y son muy bonitas, aunque las tienes muy juntas si me permites la crítica, y quizá te quedarían mejor si las muestras con un reproductor de diapositivas.

    ResponderEliminar
  10. Muchas gracias por tu respuesta, Antonio. Tomo nota de tu sugerencia para las imágenes, el único problema del proyector de diapositivas es que a menudo cada imagen va relacionada con parte del texto. También había pensado en la posibilidad de utilizar un reproductor de los que muestran las imágenes en grande sin salir de la misma página, oscureciendo el fondo.

    En cuanto a la calidad, debe ser entonces problema mío (más gente me ha dicho que las ve bien, tal vez yo perciba algo distinto por verlas más pequeñas, llevo días pensando que se ven pobres en comparación con el original o con la que se abre al pinchar en las imágenes) o de mi ordenador tal vez...

    Gracias de nuevo, Antonio, voy a ver si actualizo.

    Un saludo!

    ResponderEliminar
  11. Hola Alejandro.
    ¿Cómo puedo modificar el espaciado entre varias imágenes una a continuación de la otra? Me deja un espacio enorme entre cada una en la previsualización pero en la vista de redacción del post se ve bien. También me suele ocurrir entre texto e imagen y entre imagen y final del post. Antes de los cambios sobre insertar imágenes me salía más o menos bien.
    Espero que me puedas ayudar pues estoy muy desorientada.
    Muchas gracias.
    Felicidades por tu blog, está genial!
    Un saludo.
    Vicky.

    ResponderEliminar
  12. Vicky, la verdad es que eso que dices ocurre con el nuevo editor del blog, y es una deficiencia que tendrán que corregir los desarrolladores de Blogger. Esos espacios en blanco puedes eliminarlos desde el código fuente, eliminando la etiqueta br, que rompe una línea para pasar a otra. Pero a veces vuelven a ponerse esas etiquetas y sus espacios en blanco, y es un poco de lío. Yo hago lo que puedo quitando espacios, pero no siempre consigo que quede bien.

    ResponderEliminar
  13. De alguna manera es algo que beneficia al lector y que muestra importancia por los seguidores del blog.

    ResponderEliminar
  14. Hola,recien estoy empezando a armar un blog, y como ya soy bastante novata, me cuesta horrores, te hago un preguntra en el archivo del blog,no me sale El titulo de las entrada, cunado paso el mause por encima de ellas recien lo veo. y otra cosa, yo quisiera tener una entrada suponde de cajas, insertar una sola imagene de una caja, y no las diez que he subido, te agraderia me ayudes ya que mis añlos medio me impiden a comenzar algo tan nuevo.
    Muchas gracias

    ResponderEliminar
  15. Hola, muy interesante y útil la información en el publicada, te seguiré para estar al día de lo avances sobre recursos para blog.
    Un saludo Canela.

    ResponderEliminar
  16. sabrias decirme como poder poner varias imagenes en una misma linea con pie de foto cada una de ellas, ya que al intentarlo cada imagen me ocupa una misma linea de texto

    ResponderEliminar
  17. ¿Y si cuando le das a añadir la imagen, carga, pero al terminar, no se añade nada? Porque es lo que me pasa y el único motivo por el que estoy odiando a este nuevo editor -_- Necesito añadir imágenes.

    gracias!
    peace&love
    aniko

    ResponderEliminar
  18. Aniko, si no te carga las imágenes quizá sea porque tu navegador es antiguo y tienes que actualizarlo. En todo caso, prueba en otro ordenador y verás que funciona.

    ResponderEliminar
  19. tengo la última version de firefox, asi que no se. Probaré en otro pc por si las flys ^^ Gracias!

    ResponderEliminar
  20. Hola Alejandro.
    Son muy interesantes tus consejos. Yo he creado un blog, pero, me falta poner algo para contabilizar las visitas, ahunque no creo que hayan muchas. Este blog : tribunaberguedana (está en catalan). Su finalidad és la de publicar los relatos cortos de un grupo de aficionados a escribir. Lo más difícil ha sido "luchar" contra la mentalidad de las personas que ven a internet y todo lo que a él se refiera como una cosa "diabòlica". He copiado tus consejos y me los voy a leer detenidamente.
    GRÁCIAS!

    ResponderEliminar
  21. hola alejandro tengo un problema con mi blog las imagenes se me pucieron pequeñitas. antes estaban todos grande asi de normal. pero ahora estan tan pequeñas que casi no las veo. ayudame.

    gracias

    ResponderEliminar
  22. No sé qué ha podido pasar con tus imágenes, que se han reducido. Edita la entrada, haz clic en ellas y dales un tamaño mayor en las opciones que aparecen en una franja azul.

    ResponderEliminar
  23. Felicitaciones y muchas gracias por toda la información que nos da.Para los que empezamos es una gran ayuda,ya que los textos son muy claros y fácilmente comprensibles.
    De todos los blogs que he leído,el suyo es de los más didácticos,fáciles y anima a seguir investigando.
    Muchas gracias.

    ResponderEliminar
  24. Gracias por tus palabras, Enigma, que me animan a seguir trabajando. Soy profesor, así que la didáctica se me da bien. :-)

    ResponderEliminar
  25. Muchas gracias Alejandro, he incluído imagenes con enlances y ha funcionado perfecto!
    Saludos desde Valencia

    ResponderEliminar
  26. Hola Alejandro, me pasa que cuando he subido las imagenes duran varios dias y luego se ve cuadros negros en su lugar incluyendo gadgets, no utilizo ningun alojador web como photobu,o imageshack, las he subido siempre tal cual dices arriba ¡por cierto muy buena explicación!. Ahora he subido unas imagenes en mis ultimas entradas pero mucho me temo que terminara como las otras. ¿Que hago?. Gracias.

    ResponderEliminar
    Respuestas
    1. La verdad es que no sé qué puede estar pasando con tus imágenes, a menos que no las hayas subido desde tu ordenador sino que las hayas enlazado, porque en este caso, las fotos originales pueden ser eliminadas por su creador y entonces te quedas sin ellas.

      Eliminar
  27. Hola, tus explicaciones son excelentes y llegué hasta tu blog tratando de encontrar como puedo borrar una imagen que aparece en la web y que utilicé en una entrada de mi blog que luego borre.
    Resulta que de casualidad en el buscador de imágenes Google aparece una imagen que hice con mi photoshop y publique en una entrada de mi blog, luego borre la entrada pero por lo visto aún está dando vueltas la imagen. En mi blog no se la ve ¿Podrías darme una ayuda? En los albunes de Picassa no está, ya lo borré de ahí, pero el buscador me la sigue dando.
    ¿Donde puede estar alojada? Quisiera borrarla.
    Gracias por lo que puedas ayudarme.
    Hector.

    ResponderEliminar
    Respuestas
    1. Esa imagen está guardada en algún servidor por otra persona y no vas a poder borrarla. Ve a la página donde está la imagen y contacta con el autor para que la borre.

      Eliminar
    2. Tal vez no me expliqué bien, igual agradezco tu respuesta.
      La pagina donde esta la imagen es precisamente la mía, pero yo ya la borré de mi sitio y de Picassa, por eso no entiendo como aún aparece.
      ¿Eso tendrá que ver con el cache de google?
      En este caso, como se elimina el cache de google para que las viejas pùblicaciones en un blog no sigan apareciendo en cache?.
      Si algo podes hacer para ayudarme te lo agradezco.
      Hector.

      Eliminar
  28. Hola Alejandro, buscando he topado con tu blog, que por cierto me parace un tesoro para las novatas como yo, gracias, bueno te explico mi problema/duda, es que no se como poner el la parte superior del blog, unas pestañas donde alojar los diferentes apartados del blog. Solo agradecer toda tu ayuda felicidaddes por tu blog.
    Carmen

    ResponderEliminar
  29. Hola que tal, estoy realizando un blog donde me gustaría incluir un album de fotos por entrada que realice. Pero no sé como debo hacer para que aparecezca junto a la entrada y no como un gadget permanente que no desaparezca cuando se quiera leer otra entrada. Espero me entiendas un poco.

    Por otro lado me gustaría saber como hago para saber si hay forma de que los archivos de blog que se van creando no queden con nombre de la fecha, sino con nombre de la entrada.

    Mejor dicho tengos muchas dudas de como hacer que se vea bien mi blog. Si tienes un correo de contacto más privado donde pueda hacer más preguntas me ayudaría mucho gracias!

    ResponderEliminar
  30. Hola!!! acabo de ver tu blog y te sigo!!! soy nueva en el mundo bloguero y tengo muchas dudas!!! seguiré viendo tu blog porque me aclara muchas dudas!!!

    http://diariodeunaresultona.blogspot.com.es/

    ResponderEliminar
  31. Hola,alguien me puede explicar como configurar las fotos de Picasa.
    O dicho de otra forma como subir las fotos desde mi pc para que se vean aleatoriamente en un blog de blogger??gracias

    ResponderEliminar
  32. Buenas noches. Llevo todo el día sin poder descargar en mi blog imagen alguna. ¿Cual puede ser la causa?
    Gracias.

    ResponderEliminar
    Respuestas
    1. Existe un límite de almacenamiento de 1 GB para imágenes. Quizá sea ése el motivo.

      Eliminar
  33. Muy bueno, pero el problema de los blogueros que deseen hacer que sus posts sean mucho más vistosos es si la imágen que se consigue está o no con Copyright porque poner una imagen con derechos puede resultar en un gran problema para el pobre bloguero.

    Las multas de infracción por Copyright son escandalosas, por eso es mejor andarse con mucho cuidado.

    ResponderEliminar
  34. Hola, mucho gusto. Disculpa la pregunta...ultimamente cuando quiero subir imagenes a mi blog me suben con fondo negro. Pense que habia guardado mal la imagen, pero quise subir una imagen que ya tengo en el blog nuevamente y me subio igual con fondo negro. Estas imagenes son en PNG sin fondo supuestamente. Alguien sabria decirme cual es el problema? Muchas gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Eso pasa, supongo, porque el diseño de tu blog incluye ese fondo negro para todas las imágenes. Si cambias de diseño, posiblemente cambie ese fondo. También puedes cambiar el fondo con opciones de HTML y CSS, y hurgando en el código de tu blog. Es un tema que me preguntan mucho y quizá escriba un artículo sobre ello.

      Eliminar
    2. mmm...pues lo probe en varios blogs y en todos me pasa lo mismo. Es algo que no ocurria hasta hace un par de semanas. Alguna idea de lo que pueda ser? Muchas gracias por responder :)

      Eliminar
    3. Podrías darme la dirección de tu blog para ver lo que pasa in situ.

      Eliminar
    4. Buenas!
      Tengo exactamente el mismo problema. Ahora Blogger me sube las imágenes PNG con fondo negro, en vez de transparente. Habéis dado con la solución por aquí?

      Eliminar
  35. Hasta hace poco cuando hacia clic en una imagen del blog ,debajo me aparecían una tiras pequeñas de imagen ,e iba pasando una imagen tras otra con comodidad ,ahora la foto se expande en la pantalla y para ver otra tengo que retroceder en la pantalla.sabes como lo puedo solucionar.

    ResponderEliminar
    Respuestas
    1. A mí tampoco me funciona la opción Lightbox, que se encuentra en Configuración -> Entradas y comentarios -> Entradas. He buscado en la Web y hay otros usuarios con el mismo problema. Lo más probable es que sea un fallo de Blogger y lo arreglen enseguida, o no.

      Eliminar
  36. muchas gracias Alejandro, si no lo arreglan ,habrá que buscar una alternativa a la previsualización.

    ResponderEliminar
  37. Buenas tardes. Debo decirte que tu blog me ha aclarado muchas dudas; por lo cual te agradezco ;)
    Quería que me ayudaras con algo si fuese posible; estoy creando un blog y cuando pongo las imágenes de tamaño normal se ven bien, pero cuando trato de poner unas que son de 900 x 400 salen (por mas que elijo la opción tamaño original) de un tamaño máximo de 300 x 100.
    Como podría hacer para que en realidad salga del tamaño que yo la he editado de 900 x 400?
    Muchas gracias por tu tiempo.
    Natalie

    ResponderEliminar
    Respuestas
    1. Acabo de probar a incluir una imagen muy grande en su tamaño original, y no me da problemas. Pero lo mejor en estos casos es incluir la imagen con un tamaño reducido en el blog, de manera que si se hace clic en la imagen, aparece en el tamaño original, porque no es conveniente introducir imágenes muy grandes en el blog, pues ralentizan la página y molestan al usuario.

      Eliminar

  38. Hola... tengo un problema al insertar una foto desde mi PC, pues la descarga y cuando le pincho a que la suba me sale una bolita de colores que da vueltas cambiando de color y no la inserta. ¿Alguien sabe por qué puede ocurrir esto?

    ResponderEliminar
  39. Hola Alejandro he creado un blog casi sin saber nada. Veo que eres un gran profesional y mas adelante te comentaré mas dudas. Ahora me ocurre lo siguiente: mi blog es de pintura, mis cuadros y mas o menos los tengo organizados pero no se que tengo que hacer para las obras nuevas que voy haciendo, me aparezcan en el archivo del blog por meses.
    Muchas gracias. Antonio

    ResponderEliminar
    Respuestas
    1. En la configuración del Archivo tienes la opción para que las entradas se enlacen mensualmente.

      Eliminar
  40. Si no he entendido mal tu siempre recomiendas añadir las imágenes desde Picasa en lugar de hacerlo directamente desde el blog porque eso ayuda a aligerar la carga de la página ¿no es cierto?. Lo que no comprendo es si dices que automáticamente cualquier carga de imagen ya crea un álbum Picasa ¿acaso no es lo mismo cualquiera de los dos métodos?

    ResponderEliminar
    Respuestas
    1. Cada blog de Blogger tiene un álbum creado automáticamente en Picasa donde se incluyen las imágenes que tú subes al blog. También puedes subir primero la imagen a ese álbum y después la incluyes en tu blog desde allí.

      Eliminar
    2. Sí eso lo comprendo Alejandro pero ¿ayuda eso a aligerar la carga del blog o da lo mismo un método que otro?

      Eliminar

Pido disculpas, pero no voy a poder atender los comentarios temporalmente.

Nota: solo los miembros de este blog pueden publicar comentarios.