La imagen que estoy montando en el footer es el icono de una red social, a la cual le asigne un tamaño inicial desde CSS. Utilicé también Bootstrap 4 y la clase img-fluid
(mientras no se asigne tamaño a la imagen, la imagen es responsiva).
¿Cómo puedo lograr un tamaño para las imágenes y que sea responsiva? ¿Es necesario insertar la imagen ya con el tamaño que deseo presentar?
.img-size {
width: 2.2rem;
height: auto;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<a href="" class=""><img class="img-fluid img-size rounded-circle mx-1" src="https://placehold.it/300x300" alt=""></a>