Para poder saber si una imagen es más pequeña que su contenedor necesitas inspeccionar el sitio y revisar el código:

• posiciónate sobre la imagen

• haz clic derecho y selecciona inspeccionar

  

• Al poner el mouse sobre el src de la imagen te mostrará el tamaño del contendor y el tamaño de la imagen de esta forma:

tamaño del contenedor	tamaño imagen
350 x 350 pixels	(intrinsic: 400 x 373 pixels)

Se apreciando el pixel de la imagen a simple vista.

tamaño del contenedor	tamaño imagen	resultado
350 x 350 pixels	(intrinsic: 100 x 93 pixels)	❌ pixelado

❌ Esto ocurre cuando la imagen es más pequeña que su contenedor

La imagen se ve borrosa, esta imagen también está pixelada pero en menor proporción. Esto ocurre cuando la imagen es más pequeña que su contenedor

tamaño del contenedor	tamaño imagen	resultado
350 x 350 pixels	(intrinsic: 240 x 224 pixels)	❌ pixelado

❌ Esto ocurre cuando la imagen es más pequeña que su contenedor

tamaño del contenedor	tamaño imagen	resultado
350 x 350 pixels	(intrinsic: 400 x 373 pixels)	✔️ correcto

✔️ El tamaño de la imagen debe ser mayor o igual al contenedor

Cuando la imagen es muy grande, se ve bien pero demora más tiempo en cargar

Esto baja la puntuación del sitio en google page speed

Para cambiar el tamaño de una imagen utiliza el filtro de dimensión