La ventaja de subir una sola imagen y disponer de cientos – Automovil – Miami

Como todas las plataformas, Blogger tiene cosas buenas y cosas malas, pero en lo que respecta a las imágenes pienso que tiene más de lo primero. El título de la entrada es en lo que baso esta opinión, porque cuando subimos una imagen, realmente generamos infinidad de copias de todos los tamaños imaginables y otro buen puñado de, al menos, un formato recortado de proporción cuadrada que nos puede venir bien para ciertas cosas.

Creo que es conocido que cuando se sube una imagen a una entrada, esta se almacena enPicasa, un servicio que como Blogger, es propiedad de Google. Sólo tenéis que acceder a ese servicio y veréis cómo hay algún álbum con el nombre de vuestro blog y dentro de él las imágenes que históricamente habéis subido.

Y no sólo estarán las publicadas. También encontramos las que permanecen en un borrador o incluso las que terminasteis descartando y no publicando. En resumen, todo lo que habéis subido alguna vez y no borrado en Picasa. Bueno, todo todo realmente no.

El cómo se se van abriendo esos álbumes o por qué en ocasiones se genera un segundo álbum sobre el mismo blog, es algo que desconozco, pero sí que tengo detectado en qué caso las imágenes serán visibles allí y en qué casos no.

La respuesta es que cuando usamos el icono para subir imágenes

desde la pestañaRedactar del editor de entradas, es cuando Picasa recoge el guante y archiva la imagen. Sin embargo, cuando la imagen se incorpora desde la pestañaHTML, ni caso.

Hay otra circunstancia y es que las direcciones que genera Picasa y las que inserta el editor en una entrada, son bien distintas. A la imagen que se muestra en este post le corresponden estas tres. Por cierto que su autor esSean R. Heaveyy si la queréis ver a mayor tamaño, sólo tenéis que pinchar en ella.

Picasa:https://lh3.googleusercontent.com/-qwYyRPVImeI/T0qQJI9ARfI/
AAAAAAAAB6U/HHR2ByPKy1k/s1024/yellow%2520dwarf.jpg

Editor (Redactar):http://4.bp.blogspot.com/-qwYyRPVImeI/T0qQJI9ARfI/
AAAAAAAAB6U/HHR2ByPKy1k/s1600/yellow+dwarf.jpg

Editor (HTML):http://2.bp.blogspot.com/-7O_zBJFszRQ/T0qQYJQtU_I/
AAAAAAAAB6g/oLDD6A_8vH8/s1600/yellow%2Bdwarf.jpg

Como se puede comprobar, se parecen como un huevo a una castaña, por lo que parece fácil deducir que hay algo más que Picasa tras todo esto y que Blogger seguramente tiene otro almacén interno distinto, dónde también guarda nuestras imágenes.

Pero lo interesante de todo esto no es lo diferentes que son las direcciones, sino precisamente lo que tienen en común y que es una carpeta que siempre empieza con unas. En las anteriores seríans1024 ys1600.

Ya hemos explicado en otras ocasiones (1) (2) (3) que ese numerito tras las es como una réplica de la imagen original, pero redimensionada proporcionalmente al ancho en píxeles indicado por los dígitos (o a la altura si esta es mayor). De esta manera podemos cambiar el tamaño de la imagen original a una más pequeña, con sólo cambiar esos números.

s1600 - s0 - s00 - s000
(Original 1024x254px.Parcialmente oculto por ser el ancho de la entrada de menor tamaño)

Estos serían los tamaños que Blogger proporciona en el editor y que se consiguen al pinchar enExtra grande,Grande,Mediano yPequeño, así como sus correspondientes carpetas.

Extra grande s640 (640px)

Grande s400 (400px)

Mediano s320 (320px)

Pequeño s200 (200px)

Pero como decía al principio, las posibilidades son muchísimas, ya que podemos indicar cualquier número en esa carpeta por quebrado o raro que sea. El único límite sería el ancho (o alto) de la imagen original, ya que si bien lo podemos utilizar, Blogger siempre nos mostrará como mucho el tamaño original:

Personalizado s566 (566px)

Personalizado s362 (362px)

Personalizado s440 (440px)

Todo esto puede carecer de interés o no dependiendo de como tratemos las imágenes en nuestro blog. Normalmente cargamos uno de los cuatro tamaños "estándar" pero quizás por las dimensiones de nuestro blog, nos interese otro distinto. Por ejemplo, en mi anterior plantilla tenía unos 520px para las entradas, así que la de 400 se me quedaba algo pequeña y la de 640 demasiado grande.

Conociendo esto sólo tenia que subir un tamaño cualquiera y luego cambiar as500 para tener una imagen de 500px de ancho. Justo el que me venía bien.

Pero hay un último detalle que aunque conozco desde hace tiempo, no había llegado nunca a publicar. Se trata del sufijo-c.

Si a cualquier cifra le añadimos eso, Blogger nos proporciona una imagen cuadrada del ancho indicado y que extraerá del centro de la imagen original a modo de recorte.

Esto nos abre algunas posibilidades interesantes cómo poder maquetar sumarios con este tipo de imagen a modo de miniaturas y sin necesidad de recurrir a otros códigos más engorrosos que recortan las imágenes:

Personalizado s250-c (250px)

Personalizado s100-c (100px)

A diferencia del anterior sistema de redimensión proporcional, hay que tener algo de cuidado con este sufijo. Con él no respeta el límite de la imagen original y podemos encontrarnos con una imagen de baja resolución ampliada en demasía, que se vea mal. Ejemplo:

Personalizado s600-c (600px)

Hay otro sufijo que es-r y que no reviste a mi parecer ningún interés, ya que si bien admite cambio de dígitos para redimensionar, el formato (proporción) permanece como en el original.

¿Conoces algún sufijo más para las imágenes de Blogger que pueda ser interesante?

01-03-2012.El Potro nos da a conocer tres variantes más:

-d, que permite descargar la imagen directamente al pinchar en esa dirección
-o, que muestra un icono de "play" sobre la imagen, aparentemente sin más utilidad
h, un prefijo en sustitucion de s con el que podemos definir el alto de la imagen en lugar del ancho

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfsP2yQ_ACEDvcJvQW54lrAI0J4lUzHdoQXvpRWdW9u99OtPZ3xPUmlgOtbkvusCuecwC5tvCtkqrItdFmDzNtF2ZcaKi-pVC-XFkUqsRj27dTH4EaNnyA7OwxBOJ_RdCIwzOBxXImIYY/s500-d/yellow+dwarf.jpg

s500-d (Descargar)

s500-o (con icono)

h100 (100px de alto)

10-03-2012. Felipe OI nos comenta otro sufijo que hace otro recorte peculiar. Se trata de -p. Este hace también un recorte cuadrado del ancho del número que indiquemos, pero en lugar de sacarlo de la parte central de la imagen, lo hace sobre la parte algo más a la derecha. Podéis comprobar la diferencia de "encuadre" con respecto a los otros -c que están más arriba.