JS图片压缩

Question

我有一张宽4000px的图片，请问如何把它缩小到定宽div（主要）或window内，自适应，且清晰度不变？谢谢。图片的src是后端返回的：<img src="后端返回的url" alt=".." />，图片是：4000px x 400px虽然，这个问题，没有解决。但是折中办法是：1、正常：overflow:auto，出现滚动条，放在固定div内2、打印：@media print{}时将图片竖直旋转打印，即可3、导出为word：我写完再来回答

Answer 1

最快的方法找ui要张合适的切图。

Answer 2

定宽自适应。。这样吗。。

css:

div{

    width: 40px;

}

div img{

    width: 100%;

}

html:

<div><img src='xx.jpg' /></div>