Como Ajustar tamaño de imagen.

[gersonmaba]

ola muchachos..en este caso recurro a su conocimiento con el fin de preguntarles esta situacion que se me presenta.

lo que pasa es que subo unas imagenes a una pagina web atravez de una BD. el problema consiste en que estas imagenes varian su forma. es Decir algunas son perfectamente cuadradas y otras son rectangulares tanto verticamente como horizontalmente.

en la interfaz donde muestro la imagen le tengo un tamaño por defecto pero resulta que ese tamaño determinado solo sirve para las imagenes de forma cuadrada ,y la las de forma rectangular las distorciona ya que se estiran hacia los lados o hacia arriba.

la gran pegunta es.luego de esta breve explicacion.

ahi alguna etiqueta , funcion o algo que controle este tipo de situaciones osea que redusca la imagen de acuerdo a los limites de tamaño que le tengo sin dañar su forma?...

cualquier respuesta o idea sera de gran ayuda.

Gracias de antemano-

[Raulmmmm]

Sí, puedes poner, en vez de esto que tendrás ahora:

Código HTML:

<img src="tuimagen.jpg" width="300" height="300" /> 

Algo así:

Código HTML:

<img src="tuimagen.jpg" style="max-width: 300px; max-height: 300px" /> 

[gersonmaba]

muchisimas gracias Raul...esa es la solucion...funciono perfectamente,...gracias.

[MRB08]

Acordate de los atributos y SU FUNCIÓN:
width="": Tamaño horizontal
height="":Tamaño vertical

Salu2

[gersonmaba]

Raulmmmm que pena....es que esa solucion que me diste no funciona con Explorer 6 ...que falta hacerle para que funciona...

gracias.

[sintanga]

La página es dinámica, no?

[Raulmmmm]

gersonmaba, para IE6 mira aquí y aquí.

[gersonmaba]

Gracias Raul..mirare essos links..gracias por su ayuda.

[gersonmaba]

sintanga si la pagina es dinamica, por esta razon es que ocurre este problemita.


Raulmmmm, estuve mirando y aplicando las soluciones que me recomendaste , pero no se si lo esoty haciendo mal.. pero lo que hace esa solucion es cortar la imagen a un tamaño determinado , la corta mas no la ajusta al tamaño deseado..


Gracias por la ayuda de uds..gracias.....

[elsalta]

No tengo una respuesta, pero creo (de metido nomás) que puedo clarificar la pregunta.. no tendrías entonces que establecer lo siguiente? un ancho fijo (<img src="tuimagen.jpg" width="300 *si o si 300 para toooodas*" height="*Automático - proporcionalmente*" />
La pregunta (para mi) es si se puede hacer que un atributo Heigth se automatico segun un Width preestablecido.

[elsalta]

Se me ocurre otra cosa: (en forma de pregunta) ¿No se podría meter la imágen dentro de un DIV con Desborde=Hidden? es decir.. si querés que las imágenes tengan por ejemplo 300px X 300px "SIEMPRE" bueno.. jugar con eso, un DIV de 300 x 300 que Oculte los restos de imágen sobrantes.. no mostrará la imágen completa.. pero te promete una prolijidad estética que no obtendrías de otra forma (creo).

[Raulmmmm]

Lo siento, pero se me han acabado las soluciones .

[Mikmoro]

¿Cómo es la caja donde metes las imágenes?
¿quieres que las imágenes se vean al tamaño real que tienen?

Danos un poco más de información.

Mikel.

[gersonmaba]

Hola todos...gracias por su colaboracion de antemano.

mi situacion es la siguiente.

En una Pag Web que realize se necesitan mostrar una serie de imagenes que ingresan los adminstradores de la pagina.. A estas imagenes cuando las voy a mostrar al usuario les defini un tamaño maximo que es de 400 px por 400 px ya que las imagenes pueden ser muy grandes.

Como las imagenes pueden ser de formas diferentes osea rectangular o cuadradas.. la siguiente linea de codigo ( porposionada por Raulmmmm) hace que la imagen se acomode a una escala o un tamaño que este entre 400px 400 px sin desformarla.

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

Esta linea de codigo es perfecta, hace lo que quiero....pero no funciona en E6 la imageen sale a su tamaño normal.y como algunas son tan grandes se daña el diseño de interfaz por completo..

Gracias por la ayuda de todos...

Cualquier ayuda o comentario les agradesco..GRACIAS,

[jossss]

Si la página es en PHP puedes utilizar GetImageSize. Más o menos sería algo así

Código PHP:

  <?php 
$foto = "imagen.jpg";
$propiedades = GetImageSize("$foto");
$anchura=$propiedades[0];
$altura=$propiedades[1];?>
<img src="imagen.jpg" <?php if($anchura > $altura){
echo "width=400";}else{
echo "height=400";}?>>  

A ver si te vale

[gersonmaba]

gracias josss..ya la probe en varios navegadores...y funciona..esta funcion gracias..muchas gracias a todos.