Foros del Web » Creando para Internet » CSS »

Reducir imagen sin que distorsione

Estas en el tema de Reducir imagen sin que distorsione en el foro de CSS en Foros del Web. Hola! Estoy intentando que me muestre las imágenes que salen de una galería a tamaño más pequeño pero sin que las distorsione. Lo que he ...
  #1 (permalink)  
Antiguo 28/01/2007, 05:43
Avatar de Anastasiaphp  
Fecha de Ingreso: junio-2006
Ubicación: El patio de mi casa
Mensajes: 196
Antigüedad: 11 años, 6 meses
Puntos: 3
Pregunta Reducir imagen sin que distorsione

Hola!

Estoy intentando que me muestre las imágenes que salen de una galería a tamaño más pequeño pero sin que las distorsione. Lo que he hecho es esto:
Código:
#imagen_reducida {
	height: 16%;
	width: 16%;
}
En Firefox funciona, pero en IE o en Safari, no. ¿Alguna otra manera de hacerlo?

Gracias y saludos.
  #2 (permalink)  
Antiguo 28/01/2007, 08:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Reducir imagen sin que distorsione

Depende de a qué te refieras con "distorsionar" y dónde esté ubicada tu foto. Cuando marcas un porcentaje, se referirá al porcentaje con respecto a su contenedor, no con respeto a la foto.
En ese caso, lo que podrías hacer es crear un div contenedor del tamaño que te interesa que sean las fotos y luego decirle que las fotos que aparezcan en cada contendor tengan un height y un width del 100% del contenedor. Suelen quedar bien, pero ten en cuenta que no respetará las medidas de tu foto (si no es cuadrada), sino las del contenedor, así que deberás hacer el contenedor en las medidas exactas o proporciones de las fotos.

Un ejemplo: si tengo una foto que mide 1000 x 500px y la quiero en miniatura, hago un contenedor que mida 200 x 100px (por ejemplo). Meto dentro la foto a la que digo que mida el 100% de height y de width, y quedará perfecta (todo lo perfecta que pueda verse esa foto tan reducida según su resolución.

Mikel.
  #3 (permalink)  
Antiguo 28/01/2007, 11:55
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Reducir imagen sin que distorsione

Hola.

Una opción sería poner solo una de las dimentiones, por ejemplo el ancho:

#imagen_reducida {width:200px}

así la altura quedaría proporcional a la anchura.

Saludos,
  #4 (permalink)  
Antiguo 28/01/2007, 14:15
Avatar de Anastasiaphp  
Fecha de Ingreso: junio-2006
Ubicación: El patio de mi casa
Mensajes: 196
Antigüedad: 11 años, 6 meses
Puntos: 3
Re: Reducir imagen sin que distorsione

Gracias, voy a probarlo...
  #5 (permalink)  
Antiguo 28/01/2007, 14:19
Avatar de Anastasiaphp  
Fecha de Ingreso: junio-2006
Ubicación: El patio de mi casa
Mensajes: 196
Antigüedad: 11 años, 6 meses
Puntos: 3
Re: Reducir imagen sin que distorsione

Perfecto, la opción de JavierB funciona sin problemas. Gracias.
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 03:52.