Cambiar el tamaño de imagen de las imágenes sin deformalas

[javicruzgv]

Buenas, querria haceros una pregunta, tengo un problema. Me gustaria redimensionar el ancho y alto de las fotos sin deformarlas, y me gustaria hacerlo sin colocar la imagen de fondo (me da algunos problemas con navegadores de movil). ¿Se puede hacer?

Gracias.

[kseso?]

Declara vía css sólo una de las medidas (ancho u alto). La otra se adaptará manteniendo la proporción.

Si lo cree conveniente, puede complementarlo con las propiedades min/max-height/width

[javicruzgv]

si, eso lo se, gracias de todas formas. El problema es que quiero que tengan todas el mismo ancho y alto, por lo que tengo que cambiar las dos medidas.

[Linton]

Tienes que igualar antes las proporciones de todas las fotos con Photoshop (o equivalente).

Saludos.

[javicruzgv]

me explico mejor. Quiero crear las miniaturas de un visor de fotos. si coloco las imagenes de fondo y le doy alto y ancho, y le doy la propiedad cover en el tamaño y posición centrada, ella se adapta y rellena el div, recortando lo que sobra, pero sin deformarse. Esto es lo que quiero hacer, pero colocando la imagen en el div, no como fondo de div, ya que como fondo de div en los navegadores de algunos moviles me da problemas. alguien sabe si hay alguna maneta de hacer que una etiqueta img se le pueda cambiar el tamaño de una menera similar. Muchas gracias. La idea es ahorrarse tener demasiadas imágenes y aprovechar la grande para hacer la miniatura.
Un saludo y gracias.

[kseso?]

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.

[comablck]

si pones la imagen en un div.. podrias darle a la imagen un ancho/alto en porcentaje y al div ponerle el ancho/alto fijo que queres las miniaturas.. adicionandole al div la propiedad overflow:hidden

[kseso?]

Iniciado por kseso?

(sic...)
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.
(sic...)

Iniciado por comablck

si pones la imagen en un div.. podrias darle a la imagen un ancho/alto en porcentaje y al div ponerle el ancho/alto fijo que queres las miniaturas.. adicionandole al div la propiedad overflow:hidden

[javicruzgv]

gracias a todos, al final voy a gastar un script que he encontrado por internet. el timthumb de php.