Páginas

31 mayo 2011

Nuevas caracteristicas en imagenes alojadas en Blogger

Hace algunos días que me percate de una nueva característica de las imágenes que subimos a Blogger. Se trata de modificar el tamaño de la imagen mediante el url de esta, para no sobrecargar la página.

Veamoslo de un modo práctico... Todos estamos de acuerdo que cuando subimos una nueva imagen, se genera automáticamente un código como este:
<div class="separator" style="clear: both; text-align: center;">
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1au6q96O-BEDCNuAEj_3OklvU2mX7XE8ykCyNoEJZR0sZFwytjTdX6ZpFyNXhP5bl5lF-bijSBouEVZqwzUtxTEz8CJepI-YxAstZwmNTxkk7sVN9teCoiCfQyT2fDSQy1ljvxHrABuD/s1600/tunnelCar.jpg" imageanchor="1" style="">
  <img border="0" height="300" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1au6q96O-BEDCNuAEj_3OklvU2mX7XE8ykCyNoEJZR0sZFwytjTdX6ZpFyNXhP5bl5lF-bijSBouEVZqwzUtxTEz8CJepI-YxAstZwmNTxkk7sVN9teCoiCfQyT2fDSQy1ljvxHrABuD/s400/tunnelCar.jpg" />
 </a>
</div>
Mirando con un poco de detenimiento las url que se generan automáticamente:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1au6q96O-BEDCNuAEj_3OklvU2mX7XE8ykCyNoEJZR0sZFwytjTdX6ZpFyNXhP5bl5lF-bijSBouEVZqwzUtxTEz8CJepI-YxAstZwmNTxkk7sVN9teCoiCfQyT2fDSQy1ljvxHrABuD/s1600/tunnelCar.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1au6q96O-BEDCNuAEj_3OklvU2mX7XE8ykCyNoEJZR0sZFwytjTdX6ZpFyNXhP5bl5lF-bijSBouEVZqwzUtxTEz8CJepI-YxAstZwmNTxkk7sVN9teCoiCfQyT2fDSQy1ljvxHrABuD/s400/tunnelCar.jpg

Se puede observar claramente que lo único que cambia es el texto en color negro. Este pedazo de texto es lo que define el ancho de la imagen. Es en este pequeño pedazo de texto donde esta la maravilla.

Con la nueva característica podemos cambiar el tamaño de la imagen a nuestro gusto, podemos por ejemplo, cambiarle el ancho a la imagen a 133px y que solo cargue una imagen miniatura de 4kb y solo tenemos que cambiar un pedazo de url!
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1au6q96O-BEDCNuAEj_3OklvU2mX7XE8ykCyNoEJZR0sZFwytjTdX6ZpFyNXhP5bl5lF-bijSBouEVZqwzUtxTEz8CJepI-YxAstZwmNTxkk7sVN9teCoiCfQyT2fDSQy1ljvxHrABuD/s133/tunnelCar.jpg" />


Pero eso no es todo lo nuevo que tienen las imágenes que subimos a esta plataforma, pues tambien podemos obtener una imagen cuadrada, del tamaño que queramos. Por ejemplo, para obtener una imagen miniatura cuadrada de 133px de ancho y de 133px de alto, modificaríamos así:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1au6q96O-BEDCNuAEj_3OklvU2mX7XE8ykCyNoEJZR0sZFwytjTdX6ZpFyNXhP5bl5lF-bijSBouEVZqwzUtxTEz8CJepI-YxAstZwmNTxkk7sVN9teCoiCfQyT2fDSQy1ljvxHrABuD/s133-c/tunnelCar.jpg" />



Así pues, blogger se toma las molestias de cambiar el tamaño de las imágenes al tamaño que necesitemos y si necesitamos una imagen cuadrada, de alguna forma las recorta del tamaño que requerimos.

Haz tus pruebas, yo mientras tanto haré las mías!!

IMAGEN | FreeImages.co.uk


5 comentarios:

  1. Por eso me encanta blogger, cada día nos pone las cosas mas sencillas, lo que no acabo de entender es lo de el PageRank (se que no es importante pero...), tengo blogs creados al mismo tiempo, con la misma cantidad de notas, construidos con el mismo cariño, enlaces internos y externos similares, y con la misma cantidad de visitas, y no salen del PR 0, me gustaría conocer tu opinión sobre eso. Por ejemplo, con el que estoy firmando ahora.
    Saludos SäNTÿ.

    ResponderBorrar
  2. Tlalpan, para no perder la costumbre xD!!

    Que tal Diana, el PageRank es algo un tanto extraño, según la definición de Google, "Es la importancia que tiene un sitio en Internet".

    Aunque para serte franco yo me enfoco mas en validar mi página con el Validador HTML o al menos tener los mas mínimos errores. Que tratar de subir mi PR, pues a mi parecer sube/baja solo y cuando le da la gana.

    Y me resulta bastante bien. Suerte con ello :P

    ResponderBorrar
  3. Hora si SäNTÿ, que me has puesto tarea para estudiar en lo que resta del año, esa página de Validador del HTLM es genial pero tendré que trabajar duro para entender que debo modificar en el código de mis blogs y las alternativas que tengo para ello.

    Ojalá algún día tuvieras tiempo de darnos algunos consejos para entenderla mejor y sacarle buen partido pues es una información sumamente valiosa para quienes queremos hacer las cosas bien.

    ResponderBorrar
  4. Tlalpan, me parece una excelente idea, pronto publicaremos acerca de ese validador HTML, espera pronto entradas sobre ello ;)

    Gracias por los comentarios:P y buen dia!

    ResponderBorrar
  5. muchisimas gracias llevaba unos dias buscando la solución para que mis imagenes fueran más grandes,me has sido de gran ayuda, mil gracias y saludos

    ResponderBorrar

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.