Foros del Web » Diseño web » Diseño web »

Como Ajustar tamaño de imagen.

Estas en el tema de Como Ajustar tamaño de imagen. en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/06/2008, 21:46
 
Fecha de Ingreso: abril-2007
Mensajes: 155
Antigüedad: 7 años
Puntos: 3
Como Ajustar tamaño de imagen.

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-
  #2 (permalink)  
Antiguo 05/06/2008, 06:23
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 7 años
Puntos: 36
Respuesta: Como Ajustar tamaño de imagen.

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" /> 
  #3 (permalink)  
Antiguo 06/06/2008, 08:08
 
Fecha de Ingreso: abril-2007
Mensajes: 155
Antigüedad: 7 años
Puntos: 3
Respuesta: Como Ajustar tamaño de imagen.

muchisimas gracias Raul...esa es la solucion...funciono perfectamente,...gracias.
  #4 (permalink)  
Antiguo 06/06/2008, 08:14
(Desactivado)
 
Fecha de Ingreso: febrero-2008
Ubicación: Argentina, Santa Fe, Rosario
Mensajes: 350
Antigüedad: 6 años, 1 mes
Puntos: 5
Respuesta: Como Ajustar tamaño de imagen.

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

Salu2
  #5 (permalink)  
Antiguo 01/07/2008, 09:15
 
Fecha de Ingreso: abril-2007
Mensajes: 155
Antigüedad: 7 años
Puntos: 3
Respuesta: Como Ajustar tamaño de imagen.

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

gracias.
  #6 (permalink)  
Antiguo 01/07/2008, 09:48
 
Fecha de Ingreso: julio-2008
Mensajes: 52
Antigüedad: 5 años, 9 meses
Puntos: 1
Respuesta: Como Ajustar tamaño de imagen.

La página es dinámica, no?
  #7 (permalink)  
Antiguo 02/07/2008, 05:33
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 7 años
Puntos: 36
Respuesta: Como Ajustar tamaño de imagen.

gersonmaba, para IE6 mira aquí y aquí.
  #8 (permalink)  
Antiguo 02/07/2008, 10:12
 
Fecha de Ingreso: abril-2007
Mensajes: 155
Antigüedad: 7 años
Puntos: 3
Respuesta: Como Ajustar tamaño de imagen.

Gracias Raul..mirare essos links..gracias por su ayuda.
  #9 (permalink)  
Antiguo 03/07/2008, 08:33
 
Fecha de Ingreso: abril-2007
Mensajes: 155
Antigüedad: 7 años
Puntos: 3
Respuesta: Como Ajustar tamaño de imagen.

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.....
  #10 (permalink)  
Antiguo 03/07/2008, 09:57
 
Fecha de Ingreso: enero-2008
Mensajes: 273
Antigüedad: 6 años, 3 meses
Puntos: 1
Respuesta: Como Ajustar tamaño de imagen.

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.
  #11 (permalink)  
Antiguo 03/07/2008, 10:02
 
Fecha de Ingreso: enero-2008
Mensajes: 273
Antigüedad: 6 años, 3 meses
Puntos: 1
Respuesta: Como Ajustar tamaño de imagen.

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).
  #12 (permalink)  
Antiguo 03/07/2008, 11:40
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 7 años
Puntos: 36
Respuesta: Como Ajustar tamaño de imagen.

Lo siento, pero se me han acabado las soluciones .
  #13 (permalink)  
Antiguo 03/07/2008, 15:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.243
Antigüedad: 7 años, 6 meses
Puntos: 278
Respuesta: Como Ajustar tamaño de imagen.

¿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.
  #14 (permalink)  
Antiguo 07/07/2008, 08:42
 
Fecha de Ingreso: abril-2007
Mensajes: 155
Antigüedad: 7 años
Puntos: 3
Respuesta: Como Ajustar tamaño de imagen.

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,

Última edición por gersonmaba; 07/07/2008 a las 08:56
  #15 (permalink)  
Antiguo 07/07/2008, 11:46
 
Fecha de Ingreso: mayo-2006
Mensajes: 474
Antigüedad: 7 años, 11 meses
Puntos: 58
Respuesta: Como Ajustar tamaño de imagen.

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

Última edición por jossss; 07/07/2008 a las 11:49 Razón: faltaba un ";" jejej
  #16 (permalink)  
Antiguo 08/07/2008, 08:13
 
Fecha de Ingreso: abril-2007
Mensajes: 155
Antigüedad: 7 años
Puntos: 3
Respuesta: Como Ajustar tamaño de imagen.

gracias josss..ya la probe en varios navegadores...y funciona..esta funcion gracias..muchas gracias a todos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:55.
SEO by vBSEO 3.3.2