Busca

Carregando...

quinta-feira, 9 de dezembro de 2010

Exibir recorte quadrado de uma imagem do Blogger-Picasa

Bekyoot limão

Você compreenderá melhor este post se já tiver conhecimento sobre:

Como você já deve estar habituado, o código de exibição de uma imagem no Blogger-Picasa tem o seguinte formato:

<img src="https://lh6.googleusercontent.com/_HlIyV_enpD8/TQF3K3lVf_I/AAAAAAAALQY/c8DnDVVt3uw/s500/bekyootlimelord1440.jpg"/>

Onde está escrito 500 nós podemos trocar pelo tamanho que desejamos para a dimensão máxima da imagem, em pixels. Usando o código acima, por exemplo, a imagem aparece assim:

Exemplo 1 - Wallpaper

Até aí nenhum mistério, já estamos habituados a fazer essa personalização de tamanho. Agora observe o código abaixo:

<img src="http://lh6.googleusercontent.com/_HlIyV_enpD8/TQF3K3lVf_I/AAAAAAAALQY/c8DnDVVt3uw/s500-c/bekyootlimelord1440.jpg"/>

Esse -c após 500 faz toda a diferença, observe:

Exemplo 1 - Quadrado

Ele fez um recorte na imagem, sem distorcê-la, de forma que ela se transforma em um quadrado. Todos os lados têm 500 pixels. Superprático!

Sei que você já entendeu, porém seguem mais alguns exemplos para você contemplar a praticidade desse recurso do Blogger-Picasa:

Exemplo 2 - Wallpaper
Exemplo 2 - Quadrado
Exemplo 3 - Wallpaper

Gambiarra que vi por aí:

Sei que os leitores do HTMHelen não fazem essas lambanças, mas já vi nessa blogosfera sem porteira gente forçando quadrado assim:

<img width="300" height="300" src="http://lh6.googleusercontent.com/_HlIyV_enpD8/TQFxRaTnKQI/AAAAAAAALQY/KuXkYjr9Yxc/s800/bekyootpumpkinfat1440.jpg"/>

Como fica a porcaria:

Nunca faça isso, pelo amor da mamãe!

Imagens: Bekyoot

Até mais!

Posts relacionados