html css 图像 crop,CSS显示调整大小并裁剪的图像

我想显示具有特定宽度和高度的URL的图像，即使它

具有不同的尺寸比例。所以我想调整大小(保持比例)，

然后将图像切成我想要的大小。

我可以使用html img属性调整大小，也可以使用剪切background-image。

我该怎么办？

例：

这个图片：

具有800x600像素大小，我想显示为200x100

像素图像

通过img我可以调整图像大小200x150px：

style="width: 200px; height: 150px;"

src="http://i.stack.imgur.com/wPh0S.jpg">

这给了我这个：

5a3f6fd7a849b644649991b3943216d5.png

而且background-image我可以削减图像200x100像素。

style="background-image:

url('https://i.stack.imgur.com/wPh0S.jpg');

width:200px;

height:100px;

background-position:center;"> 

给我：

我该怎么办？

调整图像大小，然后将其切成我想要的大小？