![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
28/05/2012, 04:39
|
Colaborador | | Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 8 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. |