¿Cómo ajustar una imagen a todo el contenedor? ¿alguna recomendación del tamaño de imagen a descargar?
¿Cómo ajustar una imagen a todo el contenedor? ¿alguna recomendación del tamaño de imagen a descargar?
No estoy seguro de si entiendo tu pregunta del todo. Pero supongo que quieres hacer un div que almacene una imagen, y quieres que esa imagen ocupe todo el espacio disponible del div.
Si ese es el caso se haría más o menos así.
html:
<div >
<img src="img/descarga.svg" style="width: 100%;">
</div>
En la parte de Style, se indica que quieres que ocupe el máximo del ancho disponible, si quieres el alto también puedes añadir height:100%
Lo que dijo el compañero anterior, solo ten cuidado con imágenes cuya resolución sea más pequeña que tu contenedor, ya que lo que esto hará es estirar la imagen, causando una apariencia poco estética. De igual forma puedes utilizar los diferentes valores de la propiedad object-fit de CSS para ajustar las imágenes de distintas formas.
Puedes ver algunos ejemplos aquí https://developer.mozilla.org/es/docs/Web/CSS/object-fit