Imágenes en tamaño real en Blogger

 A veces cuando subimos una imagen desde Blogger batallamos porque queremos la imagen más grande, en tamaño real, pero resulta que la medida más grande que nos aparece es de 400px de ancho.

Lo mismo sucede cuando queremos usar imágenes para la plantilla, si pegamos la URL de la imagen que nos da Blogger simplemente no se ve.

Primero veamos que cuando subimos una imagen Blogger nos da tres opciones de tamaño: Pequeñas, Medio y Grandes.

Las pequeñas tienen un ancho máximo de 200px; las medianas 320px; y las grandes 400px de ancho.

Tamaño chico (200px)

Tamaño mediano (320px)

Tamaño grande (400px)

Cualquiera que sea el caso Blogger nos arrojará un código dividido en tres partes, el primero es el contenedor que se encarga de alinear la imagen, el segundo es el enlace a la imagen y es justamente la que contiene la URL de la imagen en su tamaño original (cualquiera que sea la medida), y la tercera es el código de cómo se muestra la imagen dentro de la entrada.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/ZA1ny_dAs/S3dezx4UrTI/AAAD1o/WVXOYytI/s1600/Desierto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/ZA1ny_dAs/S3dezx4UrTI/AAAD1o/WVXOYytI/s320/Desierto.png" /></a></div>

Tanto el segundo como el tercer código contienen dos URLs, una tiene la URL de la imagen en tamaño grande y la otra es una URL del tamaño pequeño.
Ambas son idénticas, excepto que una tiene el parámetro s1600 y la otra s320, eso significa que la primera URL abrirá la imagen con un ancho máximo de 1600px y la otra con un ancho máximo de 320px, esa es la imagen que se muestra en la entrada del blog.

Pero s1600 no es el tamaño original, es un tamaño grande, en realidad el tamaño original se establece con el parámetro s000
Por lo tanto, tomamos la segunda URL y cambiamos el s320 (o cualquier otro número que tenga) y lo sustituimos por s000

http://1.bp.blogspot.com/ZA1ny_dAs/S3dezx4UrTI/AAAD1o/WVXOYytI/s000/Desierto.png

De esta forma la imagen se mostrará en su tamaño original.

Tamaño real

¿Por qué lo cambiamos por s000 y no por s1600? porque habrá imágenes que sean más grandes que 1600px, por ejemplo imágenes que queramos poner como fondo del blog, y con el parámetro s000 obligamos que muestre la imagen con su tamaño exacto, sin limitaciones de ancho.

Entonces, el código de una imagen en tamaño real sería así:

<img src="http://1.bp.blogspot.com/ZA1ny_dAs/S3dezx4UrTI/AAAD1o/WVXOYytI/s000/Desierto.png" />

Sólo ten en cuenta que la imagen que vaya dentro de tus entradas deben medir menos del ancho asignado para tus entradas (main-wrapper) de lo contrario la imagen se cortará y no se mostrará por completo.

http://www.ciudadblogger.com/2010/02/imagenes-en-tamano-real.html

Read more...