IE浏览器下缩放后图片中的文字显示不清晰

在做轮播图的过程中，使用大图858＊1262px。缩放后在mac下的Chrome，Safari下图片是清晰的，但windows下Chrome浏览器中图片不是很清晰，但能接受范围内，IE浏览器中图片中的文字很难辨认。

尝试解决方案：

• 把png图片改为jpg格式
• 把大图切成缩放后图片所占位置的大小190*275px
• 把轮播图的弹窗加大，图片所占位置变大，width:40%
• 把切图的大小设置为图片所占位置的2倍大小，即380*550px

 

1. 把png图片改为jpg格式：两种格式的图片在ie浏览器下，显示区别不大，文字依然模糊不清。
2. 把大图切成缩放后图片所占位置的大小190*275px：相比较大图在IE浏览器下的显示效果好一些，但是因为图片本身比较小。导致mac下图片没有原来的大图清晰，所以这种方法被否定了。
3. 把轮播图的弹窗加大，图片所占位置变大：由于把轮播的弹窗放大，图片的比例缩放到40%，文字基本可以看清，但依然没有mac下清晰，属于可接受范围。但弹窗加大，导致用户体验不佳，无奈放弃。
4. 把切图的大小设置为图片所占位置的2倍大小，即380*550px：mac下的Chrome及windows下IE浏览器中的图片都变得更清晰了。

总结：以后切图时，为保证图片压缩后的清晰度，建议图片不要太大，尽量保证在图片所占位置的2-3倍。