Como redimensionar o tamanho das imagens

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.
Como redimensionar o tamanho das imagens Como redimensionar o tamanho das imagens Reviewed by José Guimarães on 08:35:00 Rating: 5

Nenhum comentário:

Parabéns. Muito obrigado por comentar.

Envie ao Google+

Tecnologia do Blogger.