Bootstrap 4 如何确保在引导中以统一的大小显示图像？

我正在建立一个关于网页，其中将包含头像的人。我有每个人的照片，但是照片大小不同。我希望该网站包含一个统一大小的圆形照片。到目前为止，我的代码如下所示，但网站上的图像大小并不一致

img-fluid rounded-circle mb-3

---

我将只是裁剪和调整大小的源图像，以相同的大小之前，把他们放在网站上。我的意思是，你可以设置一个固定的宽度和高度的缩略图容器，或者将源图像作为容器背景，或者将源图像放在容器内，但是如果源图像太小，容器太大，当你将图像100%宽度时，它会看起来模糊。我写了一篇文章，在管理员向公众发布图片之前，我为他们提供了裁剪和调整大小的功能。始终使用相同尺寸的图片是最佳实践。实现这一点的方法是将所有图像放置在相同高度和宽度的位置，裁剪是一个阶段（如@DavidLiang所述）如果图像宽度太大，而容器太小，则会将图像压缩到合适的容器中，这看起来很尴尬，或者需要逐个定位图像，这将添加几行CSS代码，但这样就可以了。对于不同纵横比的图像，仅获取头像可能很难实现。对于其他的占位符图像来说，这将是一个简单的过程。