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倍。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值