Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

berkowitz

Reduzir imagem mantendo proporção

Recommended Posts

Pessoal,Olá.Tenho uma página que mostra algumas imagens. Nessa página, a largura da imagem não pode ultrapassar 960px, e a altura não pode ultrapassar 620px.Porém, por exemplo, se uma imagem tiver o tamanho de 970px X 2120px ele vai ajustá-la para 960px X 620px, e com isso a imagem fica esticada. Como faço uma função para reduzir a imagem nos parâmetros citados acima mas mantendo a proporção da mesma? Alguém conhece uma forma???VALEWWWW!!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

andei pensando em calculos...mas nao achei nenhum satisfatorioo que você poderia fazer era usar if...tipo...se W e H nao sao maiores que 960 e 620, simplesmente por na telase for maior, multiplicar por 0.9, se continuar, multiplicar por 0,8... até 0,2se continuar maior, link para download O_óacho que é uma solução simples, não tenho menor ideia de calculo para proporção

Compartilhar este post


Link para o post
Compartilhar em outros sites

se na tag da imagem <img> lhe meteres o style="width:960px;" ele redimensiona proporcionalmente a altura...ficaria: <img src="imagem.jpg" style="width:960px" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

A é verdade???? Ele redimensiona automaticamente mesmo??? Dessa eu não sabia! ehehe... que maravilha!!Vou testar...Valew galeraa!!! ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

redimensiona automaticamente mesmo?

 

um código em ASP pra manter proporções num upload meu... você pode passar isso pra javascript e adaptar tbm! o cálculo aí é bem simples! :)

Sub Redimensiona(L)	If objJpeg.OriginalWidth > objJpeg.OriginalHeight Then		objJpeg.Width = L		objJpeg.Height = (objJpeg.OriginalHeight * L) / objJpeg.OriginalWidth	Else		objJpeg.Width = (objJpeg.OriginalWidth * L) / objJpeg.OriginalHeight		objJpeg.Height = L			End IfEnd Sub

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.