Redimensionar imagem significa alterar os atributos dela de um valor para outro. Tanto para maior quanto para menor. Nesse caso, usamos width="" para largura e height="" para altura.
Suponhamos que você tenha uma imagem tamanho 400x300 pixels e queira alterá-la para 120x60 pixels (tamanho de um banner). Escreva: width="120" height="60" antes do atributo src.
Em nosso exemplo, o código:
<a href="http://meublog.com"><img width="400" src="http://arquivo.gif" height="300" alt="Meu Blog" title="Meu Blog">
ficará assim:
<a href="http://meublog.com"><img width="120" src="http://arquivo.gif" height="60" alt="Meu Blog" title="Meu Blog">
A desvantagem desse procedimento é que, quando a página for aberta, será carregada primeiro a imagem 400x300 pixels para só depois ser mostrada a imagem 120x60 pixels. O que acarrea algum tempo para abri-la.
O ideal, nesse caso, é alterar o tamanho da imagem.
Isso veremos no próximo post, com o auxílio do Fireworks MX.
Nenhum comentário:
Postar um comentário
Parabéns. Muito obrigado por comentar.