Hola buenos días,
Tengo una duda y me agradaría más que nada saber que me recomiendan, les explico.
Tengo un div que mide 155x158, en este div irán fotos de personas, fotos del tipo para mostrar su rostro, no de cuerpo completo, ni panorámicas, es decir fotos de las que usarías para buscar empleo.
A las imágenes les aplico una clase, para que se ajusten al 100% del alto, con un width automático y un max-width de 155px. Con esto, se soluciona parte del problema.
Sin embargo:
El usuario subirá sus fotos, pero muchos de ellos, no saben como editar una foto, así que es complicado pedirles que las fotos las editen a ese tamaño. Por lo tanto muchos intentarán subir fotos más anchas, más largas, o incluso, más pequeñas.
Con la clase que yo le di, las fotos nunca se saldrán del div, sin embargo, en muchos casos se deformaran.
Mi pregunta sería ¿Es necesario decirles a los usuarios que suban sus fotos a cierto tamaño en específico? o ¿hay alguna forma en que las imágenes se puedan adaptar al ancho/alto del div sin deformarse ocupando toda el área del div?
Sé que si suben imágenes más grandes, pero guardando la proporción estás se ajustarán bien, por ejemplo: 310x316, que es el doble del tamaño del div no tendrá problemas en deformarse, ya que al reducirla guarda la proporción, pero si el ancho es más grande de lo permitido, comenzará a deformarse.
¿Algún consejo de como debería manejarlo?
Saludos y gracias por sus comentarios!!