麻烦问下,为什么图片按原尺寸切图放到手机页面中会那么模糊呢?

html5前端 使用 HTML5 构建应用布局... 最后由 html5前端 于2015年06月25日回复

  • 2 解决
  • 3.3k 浏览

QQ截图20150625153653.png

手机页面的设计图宽度是580px的,红框的文字我是按原尺寸进行的切图,尺寸是157X46的,我按照这个尺寸直接放到页面中,没有加别的样式,在手机中浏览图片就非常模糊。

不是说图片放大会变得模糊吗,我没有放大和缩小,为什么会这么模糊呢?有的说在手机页面中图片缩小50%,会比较清晰,但我这么做,在手机上看这张图就太小了。

如果我把图放大到2倍,300X92,那我岂不是切图的时候每张图都要重新去调尺寸?

设计师设计的图一般都是宽580,640,750的,我现在有点模糊,老师能帮我解答一下吗

  • 极客学院_ASMITA 2015年06月25日 回答 #1楼
  • 首先要确认你那个手机的浏览器宽度是580px,有没有放大或缩小的情况

    第二,图片保存的时候格式如果为jpg,用ps保存,质量最好大于等于10,其他格式时也不要压缩太多

    第三,图片纯文字时不管是放大或者缩小,看起来都会有模糊现象

  • 1 评论