Este blog está dedicado a quienes, al igual que yo cuando empecé, se sienten más perdidos que un pulpo en un garage al pinchar en algún sitio de su blog.

domingo 4 de octubre de 2009

Poner imágenes más grandes en el blog.

Esta es una consulta que me han hecho en varias ocasiones.

Cuando subimos una imagen al blog, blogger la redimensiona basándose en las medidas originales de sus plantillas.
El problema es que hoy en día la mayoría de usuarios hemos ensanchado los blogs, con lo que sus medidas quedan algo pequeñas.

Para poner las imágenes de un tamaño mayor al que da blogger, has de subir las imágenes al álbum y colocarlas luego a través del HTML de la entrada, teniendo en cuenta el ancho de tus entradas para que la imagen no se corte ni salga del margen.

Como hacerlo:

En primer lugar has de subir las imágenes a tu álbum.
Si usas Picasa, el programa, simplemente selecciona las imágenes que vayas a añadir y dale a Subir.
Te dirá que las va a poner en un álbum con el título de la carpeta en la que estén esas imágenes.
Así, si las tienes en Mis imágenes abrirá un álbum con este título.
Puedes aceptar, o buscar el álbum del blog para añadirlas en él.

Si no usas Picasa has de entrar en la página y subirlas directamente. Quizá te pida que te registres, ya sabes, dirección y contraseña con los que entras al blog.

Una vez subidas abres tu blog y el álbum en dos ventanas distintas.
Haces la entrada y cuando la acabes, pinchas en la pestaña edición de HTML.

En la otra ventana, pinchas en la imagen que vayas a colocar allí y, cuando se abra sola, miras a la derecha. En la columna verás que pone: Enlace a esta foto. Pincha.
Se desplegarán dos direcciones. La que vale es la que hay bajo Enlace, la que empieza por http
Seleccionas, y copias.

Buscas el lugar exacto en el que vas a incluir una imagen y allí escribes:

<img src="y aquí pegas la dirección que has copiado">

Si la imagen es más ancha que la zona de las entradas de tu blog, has de añadir algo para que se vea entera, con lo que esa línea la has de dejar así: (pongamos por ejemplo que la zona de entradas midiera 550 pixels)

<img style="width:500px" src="la dirección">

Para saber cuanto puede medir la zona de las entradas, entra en Diseño/Edición de HTML y en la zona que veas que ponga algo así: #main o #main-wrapper mira que cifra hay en la línea width. Ese es el ancho de la zona de las entradas.
Como ves no te digo que uses todo el espacio. Eso es por si tienes algún padding que haga que no uses realmente todos los pixels disponibles.

El problema con eso es que no se va a poder pinchar para verla a tamaño natural.

Si quieres que se pueda pinchar has de escribir esto:

<a href="la dirección de la imagen"><img
style="width:500px" src="la dirección de la imagen"></a>

De esta forma se verá más grande de lo que blogger decide y se podrá pinchar para verla a tamaño natural.
Si vas a poner más de una repites el proceso con la siguiente colocando el código que te he dado donde corresponda.

Más información de estos procesos la encontrarás en estas entradas:

Añadir imágenes a las entradas

Como averiguar, copiar y pegar una URL

Subir imágenes directamente al álbum web de Picasa

Crear un nuevo álbum desde Picasa

9 respuestas. Y a ti ¿te ha sido útil?

Alba dijo...

Super útil , especialmente para aquellas imágenes que tanto nos gustan pero que nos inhibimos de colocarlas por su tamaño, gracias por el dato :)

Raquel dijo...

Ando buscando como poner mis imagenes mas grandes pero no suelo usar los albumes de picassa ¿se puede hacer algo parecido con TinyPic o por el contrario no me lo recomiendas¿?
Me he registrado en Flickr también pero no sé como usar las imagenes que he subido, vamos que no me entero de nada...
gracias por adelantado y felicidaes por el blog

Eulalia dijo...

Raquel:
En principio cualquier sitio que aloje tus imágenes te sirve, ya que les dan una url a cada imagen que subas.
Algunos les dan mas de una, dependiendo para qué la quieras.
En cualquier caso, la que se ha de poner en ese código que digo es la que empieza con http:// que suele estar marcada como Direct link o algo parecido.
Yo uso Picasa por la comodidad de poder subir muchas a la vez con solo seleccionarla en la carpeta del programa de mi pc.

saludos.

Raquel dijo...

Gracias por la respuesta, he conseguido algo pero quiero ampliar mas la plantilla y como soy tan torpe preveo que me va a costar lo mio jaja en fin a ver si saco un poco de tiempo y me lo estudio algo mas... se admiten sugerencias ;-)
Bueno lo dicho gracias por tu paciencia y por la ayuda

Eulalia dijo...

Raquel:
Ensanchar tu plantilla es de lo más sencillo del mundo.
Pincha en mi nombre, si lees este mensaje y en la lista de blogs del perfil busca Tuneando la minima. allí verás como hacerlo.
Saludos.

Càlig Club de Fútbol dijo...

Hola Eulalia, buenos días primero agradecerte tu ayuda. Te explico, estoy configurando un blog poco a poco y he intentado poner una presentación de imagenes en la cabecera. La presentación la he hecho con Picasa y me funciona perfectamente, pero el problema es que las imagenes son muy pequeñas. ¿Puedo hacerlas más grandes?, he probado de hacer lo mismo con Flickr y he conseguido que salgan grandes como quiero pero el problema es que una vez que cierro mi sesión con Flickr las imagenes ya no me aparecen el mi blog caligcf.blogspot.com. Muchas gracias por tu atención.

Eulalia dijo...

Calig:
Sinceramente no lo se. Para mi gusto la mejor de todas las presentaciones que he probado es la de Picturetrail.
Mira en Más Cosas. Allí explico como hacerlo.

Eulalia dijo...

Disculpa Calig, no te he dejado el enlace.
Es éste.

HD dijo...

First I want to congratulate you for this amazing blog!
Want to know about shopping mall hotels and many more.
Log On To http://www.whydubai.net

We hope you like it. Please send us any feedback and help us improve the sites further.