今日头条上传图片时设置封面图报像素低的原因是什么

简介: 今日头条上传图片时设置封面图报像素低的原因是什么

今日头条发表原创图文时,在设置文章封面三张图时,




有时候会遇到错误信息“部分图片实际像素低于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。


相关文章
|
移动开发 小程序
(简单详细)uniapp实现自定义海报内容并生成海报二维码图片(可拖拽,可调节大小)
(简单详细)uniapp实现自定义海报内容并生成海报二维码图片(可拖拽,可调节大小)
764 0
(简单详细)uniapp实现自定义海报内容并生成海报二维码图片(可拖拽,可调节大小)
|
5月前
|
人工智能 搜索推荐 定位技术
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
|
12月前
|
算法 定位技术 API
推荐一个小项目:上传图片获取图片的经纬度以及拍摄时间
推荐一个小项目:上传图片获取图片的经纬度以及拍摄时间
169 0
|
移动开发 前端开发 JavaScript
【移动端】实现相册的上传和缩放裁剪
做项目时,在移动端,需要实现用户相册图片的上传,并对图片进行缩放裁剪的功能。下面说一下实现流程。
163 1
【移动端】实现相册的上传和缩放裁剪
微博相册图片获取工具
下载微博相册,配合aria2工具,备份至阿里云盘
138 0
微博相册图片获取工具
|
前端开发 JavaScript PHP
jscanvas合成图片实现微信公众号海报功能
jscanvas合成图片实现微信公众号海报功能
136 0
|
人工智能 小程序 数据安全/隐私保护
微信8.0状态视频无水印素材+个人设置技巧
微信8.0状态视频无水印素材+个人设置技巧
258 0
微信8.0状态视频无水印素材+个人设置技巧
【selenium实例一】网易云歌单封面图片
简介:【selenium实例一】网易云歌单封面图片
【selenium实例一】网易云歌单封面图片
|
小程序 前端开发 JavaScript
微信小程序 | 使用 canvas 生成朋友圈分享图片并保存到手机相册
小程序只能转发给好友,或者转发到微信群,并不能转发到朋友圈,那么朋友圈的巨大流量应该怎么利用起来呢?
665 0
|
Web App开发 tengine 前端开发
今日头条上传图片时设置封面图报像素低的原因是什么
今日头条上传图片时设置封面图报像素低的原因是什么
214 0