Usei como exemplo este ótimo Wallpaper do WordPress que achei no site SlashMarks.
Agora temos o link da imagem grande (a minha tem 1280 pixeis de largura, 800 pixeis de altura e pesa 471 kb) e o link é como este aqui:
http://lh6.ggpht.com/_OpXF6W_kKBQ/TQ5Pn0lYOqI/AAAAAAAABpc/cOl2NkQ8v58/wordpress-is-the-best.jpg
É nele que iremos fazer as modificações que são bem simples. Caso você queria que essa imagem seja menor, por exemplo que ela tenha altura ou largura máximas com o valor de 150 pixeis, basta apenas acrescentar no link da imagem o valor "?imgmax=VALOR". Como no exemplo:
http://lh6.ggpht.com/_OpXF6W_kKBQ/TQ5Pn0lYOqI/AAAAAAAABpc/cOl2NkQ8v58/wordpress-is-the-best.jpg?imgmax=150
Temos a mesma imagem porém com a largura máxima alterada para 150 pixeis, altura com o valor de 94 pixeis, não deixando a imagem ser distorcida e o melhor de tudo, minha imagem agora pesa 7,5 kb. Ou seja, o peso diminui e as medidas são mantidas em proporção.
Para vocês entenderem melhor, o que foi feito aqui, seria equivalente a redimensionar a imagem no Photoshop por exemplo e ter upado ela novamente. Com isso podemos criar miniaturas de nossas imagens sem precisar abrir nenhum programa e deixando elas mais leves também.
Ou contrario do que seria usar HTML ou CSS para fazer a imagem aparecer menor, iríamos ver ela em menor escala, porém ela iria continuar com o mesmo peso de antes.
É possível ainda criar miniaturas com o corte perfeito formando um quadrado acrescentando "/sVALOR-c/" no seu link. Veja o exemplo:
http://lh6.ggpht.com/_OpXF6W_kKBQ/TQ5Pn0lYOqI/AAAAAAAABpc/cOl2NkQ8v58/s150-c/wordpress-is-the-best.jpg
Foi criado um thumbnail da minha imagem que agora aparece com altura e largura iguais a 150 pixeis, sem distorcer em absolutamente nada a minha imagem.
Para acertar a miniatura, o PicasaWeb sozinho ocultou alguns cantos da minha imagem. Esta imagem agora pesa 11 kb.
Por fim existe ainda o valor "/sVALOR/, usamos ele da seguinte forma:
http://lh6.ggpht.com/_OpXF6W_kKBQ/TQ5Pn0lYOqI/AAAAAAAABpc/cOl2NkQ8v58/s150/wordpress-is-the-best.jpg
O efeito final deste código é o mesmo do meu primeiro exemplo, porém é uma opção de como se obter o mesmo resultado.
OBS.: O valores que são aceitos em todos esses exemplos vão de 1 a até 1600. Mais do que isso o link quebra.
Sign up here with your email
ConversionConversion EmoticonEmoticon