打印的图片不清晰_微信公众号上传图片不清晰怎么办?

刚开通了公众号,遇到了这个问题。刚开始没留意,后来看下确实有些图片不那么清晰。

  怎么做?

  查看自己公众号的图片,将图片清晰和不清晰的做对比,发现清晰的图片分辨率高。

  那么有没有可能是上传的时候被压缩了?

  找到原来上传的图片(保存在电脑),对比,和上传以后的分辨率是一样的。

  查找其他公众号,观察他们上传图片,得出结论:上传图片不清晰是因为找的图片分辨率低。

  那么问题又来了,影响图片清晰度的因素有哪些?

  1、分辨率:分辨率越高图片越清晰,例如:1080x1440

  2、像素大小:图片越大,越清晰。(一般是分辨率高,图片越大)

  3、不同格式的图片上传,会有不同的效果。

  4、屏幕显示效果。

  我们应用最多的图片格式是JPG、GIF、PNG。

  对于公众号的图片来说,JPG、PNG格式图片宽度不超过1080不会被压缩。

  GIF帧数大于60,图片宽度不超过1080不会被压缩;帧数小于等于60时,图片宽度不超过640不会被压缩。

  其他对比:(尺寸相同,正常情况下)

  图片大小:PNG

  图片透明度:PNG

  色彩丰富程度:JPG

61e1418107b5e0bc9d314880dc47ab3b.png

  对于文字图片,三张图片上传后的清晰度:GIF < PNG < JPG

  对于插画图片,三张图片上传后的清晰度:JPG < GIF < PNG

  对于矢量图片,三张图片上传后的清晰度:JPG < PNG < GIF

  对于小图标图片,三张图片上传后的清晰度:PNG < GIF < JPG

  没有绝对说一定要存成什么格式的图片就能保证清晰,主要是在上传图片时多尝试以上的格式,看看哪个效果更

  好。

  图片宽度如果超过1080,可以通过PS,将图片改成1080。

  最省时省力是找1080的图片上传,没必要搞得那么复杂,太耗时间,只要清晰度可以,效率是我们考虑的第一

  位。

  谨以此文,记录微信公众号上传图片不清晰的解决办法

微信公众号中获取用户信息(网页授权获取)的实现步骤如下: 1. **配置公众号**: - 登录微信公众号平台,进入“开发”->“基本配置”,记录开发者ID(AppID)和开发者密钥(AppSecret)。 - 进入“公众号设置”->“功能设置”,设置“网页授权域名”,确保域名已备案并可访问。 2. **引导用户同意授权**: - 在网页中生成一个授权链接,引导用户点击该链接进行授权。授权链接的格式如下: ``` https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect ``` - `APPID`:公众号的唯一标识。 - `REDIRECT_URI`:授权后重定向的回调链接地址,需进行URL编码。 - `response_type`:返回类型,请填写code。 - `scope`:应用授权作用域,`snsapi_base`(弹出授权页面,直接跳转,只能获取用户openid)或`snsapi_userinfo`(弹出授权页面,可通过openid拿到昵称、性别、所在地等)。 - `state`:重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节。 - `#wechat_redirect`:无论直接打开还是做页面302重定向时候,必须带此参数。 3. **用户同意授权后回调**: - 用户同意授权后,微信会重定向到`REDIRECT_URI`,并在URL中携带`code`和`state`参数。 - 在回调页面中,通过`code`参数获取`access_token`和`openid`。 4. **通过code获取access_token**: - 构造请求URL: ``` https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code ``` - `APPID`:公众号的唯一标识。 - `SECRET`:公众号的开发者密码。 - `CODE`:填写第一步获取的code参数。 - `grant_type`:填写authorization_code。 - 发送HTTP GET请求,获取`access_token`和`openid`。 5. **获取用户信息**: - 构造请求URL: ``` https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN ``` - `ACCESS_TOKEN`:网页授权接口调用凭证。 - `OPENID`:用户的唯一标识。 - `lang`:返回国家地区语言版本,zh_CN简体,zh_TW繁体,en英文。 - 发送HTTP GET请求,获取用户信息。 以下是一个简单的示例代码: ```javascript function getUserInfo() { // 假设用户在微信中点击了授权链接并重定向回来 const code = getQueryParam('code'); const state = getQueryParam('state'); if (code) { // 通过code获取access_token fetch(`https://api.weixin.qq.com/sns/oauth2/access_token?appid=YOUR_APPID&secret=YOUR_SECRET&code=${code}&grant_type=authorization_code`) .then(response => response.json()) .then(data => { const accessToken = data.access_token; const openid = data.openid; // 通过access_token和openid获取用户信息 fetch(`https://api.weixin.qq.com/sns/userinfo?access_token=${accessToken}&openid=${openid}&lang=zh_CN`) .then(response => response.json()) .then(userInfo => { console.log(userInfo); // 处理用户信息 }); }); } else { // 跳转到微信授权页面 const redirectUri = encodeURIComponent('YOUR_REDIRECT_URI'); window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=YOUR_APPID&redirect_uri=${redirectUri}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`; } } function getQueryParam(param) { const urlSearchParams = new URLSearchParams(window.location.search); return urlSearchParams.get(param); } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值