Ver Mensaje Individual
  #6 (permalink)  
Antiguo 28/05/2012, 04:39
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Cambiar el tamaño de imagen de las imágenes sin deformalas

Comenzando por lo básico:
Un reescalado guardando la proporción del objeto se consigue modificando una de las medidas y la segunda adaptándola en función de la relación existente en el original. En cualquier ámbito, no sólo css.

B-size tampoco hace lo que quiere.
B-size: Contain Cubre en uno de los ejes, ajustando el tamaño de la imagen, pero sin deformar.
B-size: cover Cubre toda la caja y oculta o recorta el sobrante, sin deformar (complementado con B-position)
B-size: par de valores Deforma la imagen excepto que la pareja de valores coincidan en la misma proporción que los de la imagen.

Si quiere colocar la imagen vía src=" no puede variar los dos valores sin que se distorsione la imagen, excepto la excepción apuntada en B-size.

O ajusta un valor y no muestra el sobrante (overflow), o modifica las imágenes (ya sea con programa editor o php u otra progamación (script). Y optando por mostrar una parte o toda.

Pero le repito, es imposible modificar las dos medidas sin que eso suponga una distorsión, excepto en la excepción indicada. Que jústamente se consigue modificando una sola de ella.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++