CSS图像大小，如何填充，不拉伸？

我有一张图片，我想将其设置为特定的宽度和高度（以像素为单位）

但是，如果我使用css（width:150px; height:100px）设置宽度和高度，图像将被拉伸，并且可能很难看。

如何使用CSS 将图像填充到特定大小，而不进行拉伸？

填充和拉伸图像示例：

原始图片：

拉伸图像：

填充图片：

请注意，在上面的“填充图像”示例中：首先，将图像调整为150x255（保持纵横比），然后将其裁剪为150x100。