收藏
回答

图片图标模糊问题,逻辑分辨率

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 客户端 6.7.2 2.3.0

- 当前 Bug 的表现(可附上截图)


我使用的是安卓手机,逻辑分辨率是360*640,物理分辨率 1080*1280,在小程序使用image标签加载图片、图标时或使用canvas绘制图片时,图片都很模糊,但字体却很清晰


- 预期表现


为什微信的图片显示很清楚,没有这个问题,手机本身桌面墙纸、看照片时也没有这个问题?在微信小程序上如何解决这个问题?


- 复现路径


准备一个48*48像素的图片,在Image中加载:

<image src="https://XXX/pic.png" style="width:48px;height:48px" />


或者 

在canvas上

context.drawImage("https://XXX/pic.png",48,48)


最后一次编辑于  2018-09-18
回答关注问题邀请回答
收藏

1 个回答

  • 卢霄霄
    卢霄霄
    2018-09-18

    也许你需要一张 144*144像素的图片,然后在 image里 width:48px;height:48px 。三倍图?

    2018-09-18
    赞同
    回复 5
    • 巴斯光年
      巴斯光年
      2018-09-18

      如果是这样,问题是每个手机都不一样啊,苹果手机有1.5倍,2倍的,现在安卓大多是3倍的,我也没法都去准备一遍啊

      2018-09-18
      回复
    • 卢霄霄
      卢霄霄
      2018-09-18回复巴斯光年

      那就都用3倍图呗~ 就高不就低

      2018-09-18
      回复
    • 巴斯光年
      巴斯光年
      2018-09-18回复卢霄霄

      好吧,谢谢,我再研究下,根据手机适配

      2018-09-18
      回复
    • 巴斯光年
      巴斯光年
      2018-09-19回复卢霄霄

      我试了3倍大小图片,结果完美解决问题。再次感谢!

      2018-09-19
      回复
    • 卢霄霄
      卢霄霄
      2018-09-19回复巴斯光年

      啧啧啧,太客气。。

      2018-09-19
      回复