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

20 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.

Jose dijo...

Estimada señor Eulalia:

Desde que tuve la suerte de tropezar con su gran blog,me ha sido de gran ayuda en el tema de etiquetas y entradas.
Llevo poco tiempo en este mundillo de ser poseedor de un blog.

Este mio me lo confeccionó una intima amiga,que sabe muchisimo,pero por causa de tiempo ha desaparecido y
estoy mas perdido que un delfín en el desierto.

Siento una envidia sana de los blogs de mis amig@s que son una gallearía de diseño,pero me toca esperar
hasta que aprenda un poco mas

Un afectuoso saludo

Jose dijo...

Soy un poco despistado señora Eulalia le ruego perdone.el lapsus

Jose dijo...

mi amiga me puso musica en el blog y yo sin darme cuenta la he borrado ,ahora soy incapaz de poner musica

Dña eulalia ¿como se hace?

pues me he dado de alta en MyFlashh Fetish.com .pero luego no sé subirlo al blog

Gracias bona nit

Eulalia dijo...

Jose: Este concretamente no lo he probado, pero en este blog explico como funcionan algunos sitios. En el fondo son todos parecidos, solo has de encontrar los enlaces exactos en ese que mencionas, o probar uno de los que explico.

Andriana dijo...

Hola Eulalia, se me salia una foto por ponerla extra grande... y que feo en una plantilla tan bonita. Y tan facil que se arregla gracias a ti. Simplemente click en editar entrada->edicion HTML y modificar "width". GRACIAS por todo y GRACIAS que estas con todos nosotros. Me imagino que mi problema te resultara una tonteria de lo mas grande, pero yo se hacer tartas y de blogs nada...Gracias

Eulalia dijo...

Andriana:
Cuando mis hijas eran pequeñas y no había internet y a mi me gustaba pasar horas en la cocina, intenté hacerles pasteles, (tartas). Para ello me compré todos los cacharros necesarios, moldes y otros instrumentos que ayudan a prepararlos, pero cada vez que lo intenté, lo que salió del horno, aunque estaba rico, era lo menos parecido a una tarta que te puedas imaginar.

Cada uno tiene unas habilidades y nada podemos hacer para evitarlo.
A mi se me dan bastante bien los códigos.

Un abrazo muy grande.

P.S. Algún día me has de invitar a tarta, jeje.

Ana dijo...

Hola guapa, vengo a darte las gracias por ésta entrada, he abierto un blog de pruebas porque quiero cambiar el mío y poner entradas más anchas y, claro, quería poner las fotos algo más grandes, pero, más pequeñas que el tamaño original, no se si me explico, el caso es que seguía al pie de la letra tus instrucciones y nada, no me salía, así que , probé de otra forma, en vez de coger el Direck link de la imagen, lo que he hecho ha sido pinchar con el botón derecho del ratón en la imagen deseada y darle a "Copiar la ruta de la imagen", no me sale el mismo código que pinchando en el otro lado, pero ¡¡me ha funcionado!!, jejejeje, sólo tengo una pequeña duda que, imagino que no tiene solución, la imagen me sale algo borrosilla, supongo que es inevitable al cambiarle algo el tamaño, pero, por si acaso te lo pregunto ¿hay alguna manera de que quede más nítida?

Entre la tarta que le has pedido a Adriana y un jamón que te debo yo hace un lustro, ¡¡te vas a poner morada!!, jajajaja
Muchos besotes

Eulalia dijo...

Si el tamaño que le has dado es mayor que el que tiene la imagen original, no tiene remedio. Porqué en este caso lo que único que se logra es que cada píxel del tamaño original se tenga que ampliar, y como los pixels tienen un tamaño concreto, lo que hacen es crear más píxels del mismo color que el original. Por esto se ven mal las fotos ampliadas así.

Si la foto original era del mismo o menor tamaño que el que tu le has dado y se ve borrosa, es que la imagen es borrosa, por estar desenfocada o cualquier cosa parecida.

No se si hay mas respuestas, pero creo que no.

Un abrazo.

Ana dijo...

Hola de nuevo, la foto original es más grande que el tamaño que le he puesto luego en el blog y no está borrosa o por lo menos yo no la veo borrosa, de hecho he comparado las dos imágenes y la original no se ve borrosa y la otra si
Con más tiempo voy a volver a probar, igual he hecho yo algo mal, no me extrañaría nada, jejeje
Muchísimas gracias por responder tan prontito
Un abrazo grandote

Charles de Batz dijo...

Gracias por el tutorial que nos ofreces. me ha venido muy bien.
Saludos

Andrés Caicedo dijo...

http://www.patiosdecarros.com/
Te invitamos a la mejor paginas web de compra y vende de autos, motos y repuestos. Publica gratis

mas informacion en http://www.patiosdecarros.com/