《135编辑器使用帮助》目录

    上传PNG图片到微信公众平台有白底,怎么办?

    不少用户发现,将透明底的PNG图片上传到微信公众平台,或者上传到135编辑器后,点击【微信复制】,粘贴到微信公众平台。原本透明底的图片,会变成白底的。这是因为微信公众平台会自动将图片进行压缩处理。


    举个例子,在PS中,这张图片的底色是透明的。(PS软件中灰格子背景即代表透明)

    image.png


    而将图片上传到微信公众平台后,周围被自动叠加了白底。为了方让大家看出来,我将图文背景设置为蓝色。

    image.png


    它原本应该呈现的效果是这样的:

    image.png


    PNG图片被自动叠加白底之后,可能会影响图文的美观度。这里教大家几种方法,避免被叠加白色底。




    方法1

    使用PS等工具,压缩PNG


    先来说下什么是PNG-8。


    png8和png24的区别

    1.png8和png24的根本区别,不是颜色位的区别,而是存储方式不同。

    PNG8格式默认的保存的图片边界有很明显的锯齿状,如果保存时选择扩散透明度仿色,出现的图片边界锯齿就不会特别明显。或存为PNG24这些问题会消失。


    2.png8有1位的布尔透明通道(要么完全透明,要么完全不透明,不支持半透明),png24则有8位(256阶)的布尔透明通道(所谓半透明)。png-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。

    ——文摘自IT部落窝


    所以,PNG-8的图片可能会导致图片边界有明显锯齿状。而且,如果需要半透明效果,还是建议保存成PNG-24。

    image.png

    至于图片大小,网传是40KB,小编测试过很多次,这个界限是不准确的,所以建议大家可以多压缩几个版本,上传试试。压缩工具可以选择常用的图片编辑工具,例如:Photoshop。方法如下图所示,将图片【存储为Web所用格式】,你可以在红色箭头所指的位置,看到图片导出后的大小。


    image.png

    image.png




    方法2

    在135编辑器中智能压缩


    不想使用PS,想找个更方便的方法?135编辑器提供了一个更简便的PNG压缩功能。

    image.png


    上传PNG图片之后,点击图片会出现专业版菜单,点击【PNG:原尺寸】你可以选择其中一种,系统将自动等比例压缩这张PNG图片。最小可以将图片压缩到宽度50像素。


    image.png


    这种方法快速简单,但压缩出来的图片,未必能达到符合您要求的质量。对图片质量有较高要求的小编,还是建议使用PS进行压缩。




    方法3

    将图片上传到QQ空间

    (利用QQ图床,突破微信限制,但此方法可能被屏蔽)


    如果不想牺牲图片的质量,那么可以用这个办法“曲线救国”。


    打开QQ空间,将图片上传在相册里。

    image.png

    请注意,要勾选【原图】

    image.png

    上传完毕后,去相册查看这张图片,并且右键,复制图片地址。

    image.png

    打开135编辑器(www.135editor.com),点击【多图上传】,【插入远程图片】,将链接粘贴上去,点击【确定】即可。

    image.png

    image.png

    编辑好文章之后,再点击【微信复制】,去微信公众平台上粘贴。


    如果你想在微信公众平台上直接替换图片,可以在编辑图文时,按键盘的【F12】。调出代码,按照下图的步骤,将图片的链接替换成QQ空间里上传的图片链接,就可以了。(这个方式略微有点难度,如果搞不定的话,建议还是使用135编辑器远程图片的功能~)


    image.png


    这几种处理PNG白底的方法,你都学会了吗?