微信小程序首页图片模糊

发布于2022-10-26 11:08:08

制作微信小程序首页图片的时候图片模糊,我想咨询一下:我测试的图片宽度为375像素,分辨率300 这样制作出来的图片是很清晰的。但是最近在网页上下载的一些模版 图片尺寸远大于375的宽度,有些图片1900*2000多的尺寸 但是分辨率只有72 于是我简单的保持分辨率不变 把图片尺寸缩小到375宽度 发现制作出来很不清晰。后来尝试把图片宽度调到375宽度的3倍 分辨率72 这样制作出来就清楚了 但是放到小程序里面之后发现图片又不清楚了 是不是上传到小程序图片库的时候图片会被压缩 另外我小程序还不能在手机上浏览 我不知道在手机上浏览会不会清晰 所以在这发帖问一问高手 望不吝赐教 什么样的情况下 让分辨率不高的图片 在小程序里面清晰的显示出来 不胜感激

5个回答
admin
网友回答2022-10-26
小程序里面图片的添加一般都会有尺寸要求,按照尺寸要求添加既可以了,并不是图片越大越好,有些不符合尺寸要求的图片上传后就会变形,这也会导致图片模糊。
admin
网友回答2022-10-26
将canvas大小设为(1200*800),使用css将canvas缩放到适应屏幕大小。(此步骤可省略,直接设置destWidth和destHeight乘以像素比即可)

这在开发工具的模拟器中是没有问题的,然而在真机测试的时候是无效的,不管用的是transform还是zoom。

本质上就是生成一个更大的图片,因为手机的屏幕设备的像素比现在一般都是超过2的。实际上我们只需要在使用wx.canvasToTempFilePath的时候,设置参数destWidth和destHeight(输出的宽度和高度)为width和height的2倍以上即可。

当然,这个具体数值也可以wx.getSystemInfo这个API来获取设备的像素比了(pixelRatio),这个像素比作为以上数值。
admin
网友回答2022-10-26
过广告词粉底佛冈拉仇恨匆匆过客好吃v后悔v偶偶还凑合吃v欧局互相监督
admin
网友回答2022-10-26
你做的上传图片有几个问题
微信小程序上传图片之前,
第一,图片大小无关,但是内存大,找个图片压缩官网上传图片压缩出来,内存越小越好,最多再次压缩出来,图片自然内存小较好,以免加载太久出来的图片。

第二,可能是你们程序员忽略代码问题,
有没有自适应代码?如果没有这个,添加480与768的代码句子,百度找个响应式官网的基础手机版的代码句子复制拷贝出来,最终有效果。
样式的图片是img width与height均为auto.

第三,BUG不一定调试出来报错再改下!
admin
网友回答2022-10-26
日前微信悄然上线了小程序在微信当中的搜索功能,当你在微信的搜索功能当中搜索常用的词汇(例如表情、电影)时在搜索结果当中出现在首位的将是相关的微信小程序,而不是之前所推荐的公众号,当然该功能仅在支持小程序的微信最新版本当中可用。

▼点击查看更多小程序

用户在点击之后这些小程序就可以直接进入使用,并不需要像腾讯之前所称需要扫描二维码进入,相较而言更加方便,与操作公众号没有太大的差别。
据测试,目前腾讯开放了包括美食、表情、音乐、电影、资讯类等这种比较常规大众化的,生活类关键词,并不是全部开放,但从目前来看未来还会支持更多类别的小程序搜索。

回到
顶部