公众号图片压缩画质-网上的高清视频为什么放在公众号里推送就变得模糊的

微信的压缩算法一直都在修改变动,图片的清晰度和

饱和度

与太多因素相关,不同手机型号(

手机分辨率

不同),图片上传后的质量也会略微不同,微信压缩图片是为了提高加载速度,减轻服务器的压力。

在微信公众号后台上传图片,我们上传的图片无法完美适配不同型号的手机,也无法完全规避微信压缩原则,不知道微信的压缩算法,我们怎样做才能最大程度有效保持图片质量?

能用 png 就用 png

静图图片原始尺寸宽度保持为1080 px,以免被压缩

还有其他建议和原理,继续往下看 ↓↓↓

图片格式 :bmp、png、jpeg、jpg、gif格式

图片大小 :任意单张图片必须小于 5M,其中 gif 小于 2M

从本地上传图片到微信公众号后台都会被压缩,此前微信官方的图片规则建议是

此种说法目前已经不成立,图片并不会自动压缩到 640 像素,可自行验证。

其实在 PC 端和手机端查看微信公众号图片,如果所有图片分辨率都超过阅读区域的分辨率,比如大于

手机屏幕分辨率

的图片,所有图片都会以相同大小显示,即使原本图片分辨率像素不一样。

所以顺着这个思路想,我们可不可以通过调整图片分辨率或者改变图片格式,来达到最佳的压缩效果?

我们从常用的 jpg、png、gif 这三种图片来分析,经过多次反复测试,终于发现了图片在微信后台压缩的规律。可以在PC端浏览器审查元素。

由于 会对图片进行再次压缩 ,很多图片色彩上的差别无法凭借肉眼分辨,区别明显的清晰度还是可以对比看出的,根据下面测试得到的结论,具体情况自己试验哦!

jpg图片压缩:

jpg 宽度像素 ≤ 1080,图片不被压缩

jpg 宽度像素 >1080,图片被压缩成 1080

png图片压缩:

png 和 jpg 图片压缩相同

png宽度像素 ≤ 1080,图片不被压缩

png宽度像素 >1080,图片被压缩成 1080

gif图片压缩:

gif

帧数

>60,图片不被压缩

gif 帧数≤ 60时,

图片宽度像素 > 640,图片被压缩成 640

图片宽度像素 ≤ 640,图片不被压缩

gif 帧数=1帧,1帧的 gif 图片相当于静图输出为 gif 格式

宽度像素 ≤ 1080,图片不被压缩

宽度像素 >1080,图片被压缩成 1080

根据上面得出的图片分辨率结果,发现在小于等于1080 px的范围内,图片尺寸越大,图片越清晰,而宽度大于1080 px的图片容易被压缩,所以我们在插入图片时 尽量输出宽度为1080px的图片 ,不同格式的图片适合不同类型的图片场景。

图片大小 :

png > gif > jpg (正常情况下)

图片透明度效果:

png > gif > jpg(不支持)

色彩丰富程度:

jpg > png(png-24>png-8)> gif

图片清晰度:

png > gif > jpg

我们同样可以做试验,选择相同尺寸的图片,输出不同格式,看看哪种效果更好。

通过对比发现,每组图片的差异都不太明显,肉眼只能看出细微的差别。

其中 jpg 图片被压缩得最厉害,png 质量最好, 色彩简单的图片,输出 png-8格式,色彩丰富的摄影图和色彩鲜明的设计图,输出 png-24格式 。

改变图片格式的方法:打开photoshop→点击左上角【文件】→【导出】按钮选择存储为 Web 所有格式→最后点击存储

举例截图:

仔细看红色部分,jpg 图片被压缩得最模糊,png 和 gif 图片质量保存相对要好一些。

插画:

同一张图片只有在手机上放大查看才能发现不同的压缩情况

png图片最光滑质量最好,jpg图片其次,gif图片格式很多

噪点

质量最差,手机上查看效果比

知乎

上传后更明显。

出现这种情况的原理是什么?

gif : 采用 无损压缩 ,相比无压缩的 bmp 格式,尺寸较小,支持透明和动画,但 gif 最多只能表达256 种颜色,所以 色彩复杂、细节丰富的图片不适合保存为 gif 格式 ,色彩简单的 logo、icon、线框图适合采用 gif 格式。

jpg:有损压缩 ,支持1600W多(2^24)的颜色,在重复复制保存编辑图片时,图片质量会下降, jpg 非常适合色彩丰富和渐变色的图片,但 jpg 不适合icon、logo,相比 gif 和 png-8,jpg 文件大小没有任何优势。

png: 采用 无损压缩 ,相比 gif,对透明的支持更好( png 支持对原图像定义 256 个透明层次,使得图像的边缘能与任何背景平滑融合),尺寸也更小,如果需要更高品质色彩和丰富细节的表达,需要导出 png-24,但 png-24比 png-8的文件更大,不支持动画。 在保证图片清晰、逼真的前提下,优先选择 png格式的图片 。

png-8 指的是 8 bits,相当于用 2^8(2 的 8 次方)来存储图片颜色种类,意思是 png-8 能存储 256 种颜色,如果一张图片颜色种类较少,存为 png-8 格式较为合适。

png-24 指的是 3个 8 bits,分别来表示 RGB 值,也就是说,png-24可以表达256*256*256(16777216)种颜色,所以 png-24 比 png -8 表达的色彩更丰富,相对图片占用的空间也大些,比 jpg 要大很多。

目前并不存在微信不会压缩 gif 图片的说法。

* 静图 :

微信对 png 图片更友好,当图片出现压缩不清晰时,导出 宽为 1080 px 的 png-24 格式图片 。

* 动图:

帧数大于 60,动图宽度最大不超过1080 px

帧数小于等于 60,动图宽度最大不超过640 px

当然也不排除最后上传时, gif 格式图片效果最好的情况,毕竟影响图片压缩质量的因素太多,总之 优先考虑万能输出 png ,自己多次尝试输出不同格式的图片,发现最理想的效果。

出现图片太大无法上传,可以利用 phtoshop 降低图片尺寸,或者在  TingPNG  网站上压缩图片。

原因:

1.所有的图片上传微信公众号基本上都会被压缩的,只是不同格式压缩的严重程度不同已。

压缩程度: JPG> GIF > PNG24位。

2.调整后图片的格式,但图片上传后显示的质量也有细微的优劣之分,这个就与图片的色调以及图片是摄影/非摄影的图有关了。

A.先从设计图说起,一般来说,像比较亮的颜色:如玫红、亮橘、亮蓝这些颜色,尤其大面积出现在设计图上时,很容易就会产生模糊,这时候存成png24位的效果大多数情况下要比GIF理想。

B.如果是设计元素较多的图,存为方案1里的GIF格式可能更好。

C.对于摄影图来说,最好的还是选择方案2存成

PNG格式

, 上传的图片基本上不会模糊失真。

扩展资料

调整大前提:

你上传的图片尺寸宽度最好不低于600px (高度不限)。

因为图片宽度尺寸远小于手机的屏幕宽度的话,那么图片本身太小,存的时候一- 旦被压缩就更模糊了。所以建议先将图片宽度调整为600px以后再存,这样保证图片就算存成png或gif还被压缩后也能清楚。

不要存成

JPG格式

,JPG格式上传时会被压缩得最厉害,图片模糊度是最高的。

压缩程度:

JPG/IPEG是有损压缩格式,能够将图片压缩在很小的储存空间,图像中重复或不重要的资料会被丢失,因此容易造成图像数据的损伤,这也是导致我们感觉上传的图片模糊的原因。

PNG的原名称为“可移植性网络图像”,属于无损压缩格式,提供24位和48位真彩色图像支持以及其他诸多技术性支持。

GIF是基于LZWE算法的连续色调无损压缩格式,最多支持256种色彩的图像。

故PNG和GIF格式的图片基本上能保持图片清晰度不变,这个与其的“无损压缩”属性有关。

怎样保证公众号上传的图片保持最高的清晰度一直是每个公众号运营人员苦苦思索的问题。

我几乎把所有公众号支持的图片格式都尝试了一遍,小的图片经过服务器压缩之后质量没有什么变化。但一遇到较大的图片,明显感觉清晰度下降了一大截。

图片压缩本身的目地是减轻服务器的压力,所以我感觉无论你用什么样的格式,只要体积太大,就一定会受到服务器的“制裁”,那有没有体积小质量又高的图片呢?

webp格式已经成为公众号的默认格式,只要是你从公众号后台上传的照片无论你怎么编辑最后你的图片格式都会被转换为webp格式。

从百科中我了解到webp是谷歌很早就推出的一种新的图片格式,只不过近些年公众才开始慢慢认知它,不少网站如:花瓣、微信公众号等经常加载大量图片的网站纷纷开始支持这一格式。

我自己的博客现在也全部使用webp格式,网站加载速度有了明显的提高。

同时经过犹如大海捞针一样的搜索我终于找到一款插件,可以让photoshop打开并编辑此格式。

通过我的观察,同样一张图上把它从jpg转换为webp格式,体积以前缩小了40%,但在视觉感观上并没有察觉到图片的质量有损失。而且我一定要发现如果的尺寸很大的图上,体积压缩甚至可以达到80%,还有一些纯色背景或者是插画图片体积压缩有相当可观。

经过几次预览测试,如果直接上传webp格式的图片,立意推送之后,图片与原图几乎没有太大出入。