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.
O Picasa foi substituído pelo Fotos e foi discontinuado pelo Google.
No entanto todas as dicas neste artigo continuam válidas.
No entanto todas as dicas neste artigo continuam válidas.
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0nDB0VklAr35Ff7jvwG0k9AkL9v4jcKGXc4kK4Z8YTwEOdLvnnWaqeqhqxjtrLUj4WhEPXR7qogxBPNRUkL9QxP7uTwD3aqn15SChz3WQcMV1CIR5cwiulClt1j_sWYpRDoMaXep5t2I/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.
Colocar uma altura ou largura Máxima: w200 dá-nos uma imagem com uma largura de 200 pixeis e com altura automática. Se colocarmos esse numero h300, já estamos a colocar 300 pixeis de altura com largura auto.
MAS SE A LARGURA OU ALTURA ORIGINAL for inferior à estipulada, então a imagem será apresentada no tamanho original.
Se quisermos cortar uma imagem de um dos lados, utilizamos -p em vez de -c.
Quando adicionas -p ao parâmetro no final de tamanho, um algoritmo do Google Fotos inspeciona a
imagem e escolhe a área mais valiosa da imagem para apresentar numa versão cortada.
Resumindo: O parâmetro -c sempre retornará uma versão recortada do centro da imagem.
Se o valor da altura(h)/largura(w) for maior do que a altura/largura original, a versão
do tamanho original será apresentada. É por isso que o chamamos de "Largura/Altura máxima".
Especificando tanto a altura(h) como a largura(w), a imagem apresentada terá largura
não maior que wxpx e altura não maior que hxpx, mantendo a proporção de escala da versão original.
Se usares -cc em vez
de apenas -c, a imagem será cortada numa forma circular.
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:
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
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.
Caso prefiras comentar numa nova janela, ou se o formulário abaixo estiver nos dias ruins, podes clicar aqui.
Enviar um comentário