Exibir recorte quadrado de uma imagem do Blogger-Picasa

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

• Os tamanhos das imagens no Blogger

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_QihXvYFH8wXLYL3CRWhrrgs7OY5YO4Ngal97WKIQluZW6Vuz49S1gS_BqSWCnTq-7_6MQtuGfmzmDg1Gu8qenMWHu3ZwqLETXAo72__0sChCYpM35K-q_uSwNgQP5iumnfR8dW_BPrGY/500/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:

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

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_QihXvYFH8wXLYL3CRWhrrgs7OY5YO4Ngal97WKIQluZW6Vuz49S1gS_BqSWCnTq-7_6MQtuGfmzmDg1Gu8qenMWHu3ZwqLETXAo72__0sChCYpM35K-q_uSwNgQP5iumnfR8dW_BPrGY/s500-c/bekyootlimelord1440.jpg"/>

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

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:

Gambiarra que vi por aí:

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

<img width="300" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO2olxAD4edjy-y6SYzr_SY_PfltJkHKeC3F9rRL4igXIZbl9j7Vb24nhKFxVSdHdUMphxXLJ2fB8bi8AXT4s83Ack9mGdYUep40cL1GIuY8VztOA8UdJkMHYX24XLSzgIWWo4sjxCAy1J/s800/bekyootpumpkinfat1440.jpg"/>

Como fica a porcaria:

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

Imagens: Bekyoot

Até mais!