nota automatica

viernes, 24 de febrero de 2012

VENTAJAS DE ALOJAR IMÁGENES EN BLOGGER. REDIMENSIÓN



Siempre me ha parecido que para los blogs alojados en Blogger, la mejor opción para archivar nuestras imágenes es el propio Blogger o lo que es lo mismo, Picasa. Este último ha sido siempre el alojamiento natural del primero, de manera que cuando subís una imagen a través del editor del blog, queda alojada automáticamente en un álbum de Picasa. Sólo teneis que acceder al servicio con el login de vuestra cuenta Google para descubrir que esto es así y poder ver los archivos que se han generado.



Otros servicios son buenos, pero relativamente. No es la primera vez que alguna imagen, sobre todo en Photobucket, me ha desaparecido sin ninguna razón aparente. Otros servicios como Flickr o Imageshak Imagesshakparecen más estables, pero quién nos dice que en el futuro lo seguirán siendo. Con Picasa tampoco tenemos ninguna garantía, pero mi reflexión siempre ha sido la siguiente: Si Picasa se va a hacer puñetas, es porque Blogger y el resto de servicios Google también tienen problemas. En ese caso, que pierda las imágenes, será la menor de mis preocupaciones.

Pero en fin, si este puede ser un motivo algo peregrino, lo que sí es un dato y no una opinión, es que Blogger tiene una ventajilla sobre el resto en cuanto a la redimensión de las imágenes.

Sabeis -y si no para eso estamos- que para cambiar el tamaño de una imagen sin necesidad de editarla, es suficiente con añadir un WIDTH al estilo. El alto se recalculará automáticamente y la imagen se hará más pequeña o más grande en la misma proporción en que cambiamos el ancho original. Esta imagen, tiene por ejemplo 300px de ancho y es la que tengo alojada en Picasa.


<img border="0" src="http://3.bp.blogspot.com/_0eC4K-qZ7AM/TMNwxDBy4xI/AAAAAAAAMQk/TTZqh3HOpC8/s1600/pez1.jpg" />

Por lo que hemos dicho, en general, para redimensionar una imagen es suficiente con añadir un WIDTH:


<img width="100px" border="0" src="URL_IMAGEN_ORIGINAL" />

<img style="width:100px;" border="0" src="URL_IMAGEN_ORIGINAL" />

Cualquiera de las dos formas anteriores serviría para reducir la imagen a 100px de ancho sin tener que editarla.

No conviene hacer esto para agrandar la imagen, porque se apreciaría la falta de definición (reproduzco sólo una porción por no tener tanto ancho en el blog).



<img width="1000px" border="0" src="URL_IMAGEN_ORIGINAL" />

Pero seguimos con Blogger. Las direcciones de las imágenes allí alojadas, incluyen un subdirectorio que incluyen una s y un número. En el ejemplo anterior, en la etiqueta SRC podeis ver como la dirección de la imagen termina en .../s1600/pex1.jpg.Como vimos hace tiempos1600 hace referencia a la imagen del tamaño original y cambiando ese número, obtenemos otras versiones de menor tamaño: s800, s400, s320, s200...

Esto por sí mismo ya es una ventaja, pero es que gracias aVagabundia y a un posterior comentario de José GDF en nuestra página de Facebook, sin el cual me hubiera pasado esto desapercibido, hace unos días descubrimos que actualmente se puede usar cualquier tamaño. Es decir, podemos usar por ejemplo un s180 sin ningún problema.


<img border="0" src="http://3.bp.blogspot.com/_0eC4K-qZ7AM/TMNwxDBy4xI/AAAAAAAAMQk/TTZqh3HOpC8/s180/pez1.jpg" />

¿Y para qué esto si podemos usar el WIDTH que antes explicábamos para reducir las imágenes? Pues muy sencillo.
  • En primer lugar simplificamos la manera de hacer una redimensión, pues sólo hay que cambiar los dígitos del subdirectorio sin necesidad de añadir código extra.
  • Y en segundo pero no menos importante, para reducir el peso de la imagen en el total de la página.
La redimensión con WIDTH sigue cargando la imagen mayor (la de mayor peso), pero con este nuevo sistema, cargamos directamente una miniatura. Vamos, como si hubiéramos editado la imagen y la hubiéramos subido de todos los tamaños posible.

Sólo teneis que ver las propiedades de las dos primeras imágenes para comprobar que, independientemente de su tamaño aparente, ambas ocupan 20.528bytes. Sin embargo la última, que realmente se trata de una miniatura en origen, ocupa sólo 8.994 bytes. Y esto a pesar de ser más grande que la segunda que tiene un tamaño aparente menor (100px vs 180px) . Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger