Darkchylde

As Várias Dimensões duma imagem do Picasa

No outro dia precisei de criar alguns algumas miniaturas de imagens, mais conhecidas por thumbnails, e que para quem não sabe são aquelas versões de imagens maiores geralmente publicadas em artigos, e que costumam ser utilizadas para ilustrar um sumário de um artigo.

E qual o interesse em partilhar essa informação? Pode alguém perguntar...

Bem, o interesse disso é que como utilizador do Blogger, as imagens que publico nos artigos, utilizo nos fundos ou em alguma outra decoração do meu blogue, estão todas alojadas no Picasa.

Pelo menos, no meu caso. Mas também conheço outros casos em que o pessoal utiliza outros locais de alojamento imagens, tais como o Photobucket ou o ImageShack. Mas existem muitos mais locais online dedicados a alojar imagens, e alguns até vídeos, tal como TinyPic.

E isto só para nomear alguns, porque numa pequena pesquisa online aparecem muitos mais. =D

Mas nenhum desses locais de alojamento de imagens importa para este artigo, só os mencionei como curiosidade, já que todo o bom bloguista sabe que o melhor mesmo e mais seguro é sem duvida nenhuma o Picasa, o que ainda nos traz algumas vantagens adicionais tal como pudermos criar as tais miniaturas ou thumbnails sem grandes problemas somente com uma pequena alteração no endereço da imagem (URL) em questão. :)

Antes de mais, dirijo a vossa atenção por um momento para o artigo Blogger: Publicar / Editar artigos , especificamente para a secção Como inserir uma imagem no artigo, imagem 4 e respectivas explicações abaixo, concretamente a parte referente aos tamanhos das imagens a publicar nos artigos.

Aí menciono os vários tamanhos que se pode escolher que uma imagem publicada num artigo tenha. Mas o que muito podem não saber é como o Blogger e por conseguinte, o Picasa altera o tamanho dessa imagem.

Ou quem diz uma imagem a publicar num artigo, podemos dizer as miniaturas que aparecem nas Listas de Blogues ou BlogLists de quem tem um blogue no Blogger, incluindo eu.

Isso acontece porque cada imagem alojada no Picasa fica com uma URL que consiste numa serie de algarismos e letras que para nós não significam nada, menos uma pequena parte referente ao lado maior duma imagem:

https://lh5.googleusercontent.com/-1rZX-KVUa8U/UpQUOODYmdI/AAAAAAAAAYE/a-P7emHChPo/s550/The Boys.jpg

Reparem que mencionei referente ao lado maior duma imagem, isso porque, tomando o exemplo acima o numero 550 tanto pode ser a largura (width) como a altura (height), dependendo do lado que tem o maior valor.

E por norma, mesmo ao editarmos essa parte do endereço da imagem no HTML, pouco mais fazemos que colocar um numero para diminuir ou aumentar a dimensão da imagem...

Mas podemos fazer muito mais, por exemplo para aquelas pequenas miniaturas que aparecem nas Listas de Blogues esse numero nessas imagens, por norma é 72-c. Reparem no -c, é aqui neste pequeno traço e letra que está a parte que corta a imagem em quadrado. O numero 72 é irrelevante, pode ser qualquer um e a imagem ficará cortada em quadrado com as dimensões em pixeis relativas ao numero escrito.

E estas são as maneiras mais comuns de alterar as dimensões de uma imagem alojada no Picasa, mas ainda podemos recortar a imagem em rectângulo e neste caso podemos cortar ao alto ou ao lado. Como fazemos isso?

Colocamos o numero referente à dimensão da imagem da seguinte maneira: w200-h150-c dá-nos uma imagem com uma largura de 200 pixeis e cortada em 150 pixeis de altura. Se colocarmos esse numero w200-c-h300, já estamos a cortar a imagem nos lados para ficar com 200 pixeis de largura e 300 de altura.

Uma última coisa sobre cortar imagens Picasa desta maneira, o ponto de referencia da imagem a ser cortada é sempre o centro da imagem. Ou seja, não podemos por exemplo numa imagem com uma grande altura, cortar só a parte de baixo. Utilizando esta técnica, a imagem será cortada no alto e em baixo.

Deu para entender? :S

Pensando que com uma pequena demonstração, talvez dê para que percebam melhor, deixo aqui uma imagem que publiquei há algum tempo para servir de exemplo em alguns tamanhos.

Basta escolherem uma das opções abaixo e repararem como o endereço da imagem se altera:

Escolhe o tamanho abaixo
pixeis
<img src='https://lh5.googleusercontent.com/-1rZX-KVUa8U/UpQUOODYmdI/AAAAAAAAAYE/a-P7emHChPo/s550/The Boys.jpg' alt='The Boys'/>

Repara como se altera a parte do endereço da imagem referente ao tamanho: /s550/

The Boys

As imagens com largura acima da largura deste artigo podem aparecer redimensionadas para caber no espaço, mas a sua dimensão real será a correcta. Basta clicarem com o botão direito do rato (no Firefox) e escolher: Ver Informação da imagem para verificarem as dimensões reais.

Espero ter ajudado um pouco na compreensão de como funciona as URLs das imagens alojadas no Picasa e como podemos aproveitar essa vantagem para criarmos imagens com dimensões diferentes para ilustar um artigo sem que para isso seja necessário mexer em muita coisa.

Até Breve. :-F

Este Artigo foi útil?
Então se quiser, pode pagar-me um café. ;)

Comentários

Malta, comentem, tanto críticas como elogios serão bem-vindos. E eu respondo, não prometo quando mas respondo.

Mas antes de comentarem, leiam as minhas Regras dos Comentários.

Se quiserem deixar o link para o vosso sitio, utilizar alguns estilos ou até inserir videos ou imagens nos comentários DEVEM mesmo ler as indicações nas Regras dos Comentários.