Poner Un limite al ancho y alto en una imagen (Ajustarse) al mostrar.

[raxper]

Hay alguna guía, ya lo busque en forosdelweb.com/wiki y no hay, pero me acuerdo que lo vi ahi, o en un post.

Quiero que la imagen que muestro, se reduzca según la medida del lugar, o sea que no pase de un determinado tamaño y que el ancho y alto, no se distorsionen.

Me ayudas porfa x) ¿Como se podría hacer? si tienes una guia x hay mucho mejor :) gracias.

[sencev]

Hola, no estoy seguro si es lo que estas buscando..

Pero mediante CSS se puede hacer, seteandole a la imagen un width en porcentaje.

Es decir, con width: 100%; el tamaño de la imagen va a ajustarse al tamaño del elemento padre.

Para que funcione, es necesario no haberle definido ni alto ni ancho previamente.

Saludos, espero te sirva

[raxper]

Iniciado por sencev

Hola, no estoy seguro si es lo que estas buscando..

Pero mediante CSS se puede hacer, seteandole a la imagen un width en porcentaje.

Es decir, con width: 100%; el tamaño de la imagen va a ajustarse al tamaño del elemento padre.

Para que funcione, es necesario no haberle definido ni alto ni ancho previamente.

Saludos, espero te sirva

No, eso no es lo que estoy buscando pero gracias x responder.

Yo quiero que la img se ajuste y no sobrepase de un width="400" height="400"
o sea si me dan una imagen de 2505x1807, esta se ajuste a un determinado tamaño menor o = que 400, sin ancharse o levantarse, conservar su perímetro, pues si se puede.

[rpv]

eso es CSS:

Código HTML:

<img src="imagen.jpg" style="width:400px;max-height:400px;" alt="" />
 

[raxper]

Gracias, esto es lo que estaba buscado.

Ahi reporto el tema para que me lo muevan, :) pero tmb vi algo parecido en php, con thumbnails.