今日头条发表原创图文时,在设置文章封面三张图时,
有时候会遇到错误信息“部分图片实际像素低于172*120, 不支持设置为封面”。
然而我上传的每张图片都是大小超过4MB的高清晰图片,怎么可能像素低于172 * 120? 因为我是个程序猿,所以我使用Chrome的开发者工具的network标签页分析了这个错误的原因。
我点击“+”号从今日头条文章的所有图片里选择一张作为封面图时,会产生两个HTTP请求,从请求的响应尺寸不难得知,第一个请求获取的是图片的原始数据,第二个是缩略图。
第一个请求的明细:
request header:
- Referer:
http://mp.toutiao.com/profile_v3/graphic/figure
- User-Agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.96 Safari/537.36
response header:
第一个请求的url:https://p3.pstatp.com/origin/pgc-image/cad64fb19f59463eb116b43bacc60de3
- Access-Control-Allow-Origin:
*
- Age:
0
- Ali-Swift-Global-Savetime:
1549976603
- BD-Request-Id:
d4a6c0286b9bd196548e595d1666c39f
- Bd-Status:
TCP_MISS
- Cache-Control:
max-age=31536000
- Connection:
keep-alive
- Content-Length:
5688059
- Content-Type:
image/jpeg
- Date:
Tue, 12 Feb 2019 13:03:23 GMT
- EagleId:
7d40019715499766036666093e
- Nw-Session-Id:
a9557205-eed0-4fd7-9dcb-1a4e59a9201e
- Nw-Session-Trace:
2019-02-12T21:03:23.737888427+08:00 31
- Server:
Tengine
- Timing-Allow-Origin:
*
- Via:
http/1.1 cache22.img (bdcache [cMsSfW]), cache33.img, cache26.l2eu95[66,200-0,M], cache6.l2eu95[68,0], cache17.cn1434[103,200-0,M], cache3.cn1434[104,0]
- X-Cache:
MISS TCP_MISS dirn:-2:-2
- X-Response-Date:
Tue, 12 Feb 2019 21:03:23 GMT
- X-Swift-CacheTime:
31536000
- X-Swift-SaveTime:
Tue, 12 Feb 2019 13:03:23 GMT
- X-Tt-Logid:
2019021221032301002507023130162
浏览器里访问,其实就是原图:
第二个请求的url:https://p3.pstatp.com/list/pgc-image/cad64fb19f59463eb116b43bacc60de3
第二个请求的头部:
- Referer:
http://mp.toutiao.com/profile_v3/graphic/figure
- User-Agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.96 Safari/537.36
第二个请求的响应头部:
- Access-Control-Allow-Origin:
*
- Age:
1
- Ali-Swift-Global-Savetime:
1549976605
- BD-Request-Id:
9afe823c672d7fa0bb29ffb74f209803
- Bd-Status:
TCP_MISS
- Cache-Control:
max-age=31536000
- Connection:
keep-alive
- Content-Length:
6973
- Content-Type:
image/jpeg
- Date:
Tue, 12 Feb 2019 13:03:25 GMT
- EagleId:
7d40019715499766048211246e
- Nw-Session-Id:
04fe747f-9737-496c-8a85-8bf55451c342
- Nw-Session-Trace:
2019-02-12T21:03:25.34367513+08:00 467
- Server:
Tengine
- Timing-Allow-Origin:
*
- Via:
http/1.1 cache05.hlimg (bdcache [cMsSfW]), cache44.img, cache27.l2eu95[520,200-0,M], cache45.l2eu95[522,0], cache3.cn1434[558,200-0,M], cache3.cn1434[558,0]
- X-Cache:
MISS TCP_MISS dirn:-2:-2
- X-Crop-Loc:
(0,0)-(4608,3215)
- X-Response-Date:
Tue, 12 Feb 2019 21:03:25 GMT
- X-Swift-CacheTime:
31536000
- X-Swift-SaveTime:
Tue, 12 Feb 2019 13:03:25 GMT
- X-Tt-Logid:
2019021221032401000304717333954
浏览器里访问,其实就是缩略图:
https://p3.pstatp.com/list/pgc-image/cad64fb19f59463eb116b43bacc60de3
再回到这个错误的根源,由于我家里网络不稳定,有的时候会出现第一个请求失败的情况,此时今日头条的前端网页没有获取到图片的原始数据,JavaScript端解析不到图片的像素,因此认为该图片像素低。因此,这个错误消息实际上是由我本地网络状况不佳造成的,并不是今日头条的bug。