作者：挖掘姬

编辑：大涵

最近GQ实验室为资生堂推送的《红了！》公众号文章，斩获3.6万点赞，1.5万在看。

随后，百度也赶来蹭热度，推了风格类似的《无人红了！》和《蓝了！》。

点开《红了！》，顶级文案+顶级交互，想不红都难。150句关于美的注释，模拟打字机效果自动伸长，像画卷一样徐徐展开。还有美妙的动画效果，当写到美是朝阳，接着就有一轮红日冉冉升起。

毫无疑问，能做出这种展示效果的图文，全网独公众号一家。

然而，要问到这种效果是怎么实现的，众多网友却说不出个所以然。

公众号已经诞生十年了，依然还有很多人不知道SVG是什么。

在知乎，被大家关注最多的相关问题是：

现在还有人看公众号吗？

SVG的故事

从2012年8月上线到今天，公众号已经走了十年。十年巨变，公众号从简朴的图文，到过气流量条漫，如今又靠着SVG小小的火了一把。

SVG是什么？它的全称是Scalable Vector Graphics，翻译过来也就是一种可升级矢量图形，它的出现，比微信还早十几年。

十几年前，电脑那会儿还叫微机，上机房还得穿鞋套。那时的网上图像画质也很渣，下载一张图片巨慢无比。

普通的HTML格式不支持矢量图，越来越不适合网友冲浪的速度了。而1988年W3C万维网联盟发布的XML1.0，只解决了一些小bug，但没治到病根上，矢量图问题没有彻底解决。

于是互联网出现几年混战，Adobe制定了PGML，微软搞了VML，还有公司闷头搞研究，弄些插件力挺矢量图。

在此背景下，W3C牵头成立SVG工作组，打算制定行业标准，从而“一统江湖”。

2000年8月，来回拉扯N遍的标准终于落地。SVG的S是指可扩展，别小瞧这个功能，有了它，网上的图不再局限在固定的分辨率和尺寸上。说人话就是：同一张图，在不同分辨率屏上，都能以相同大小出现。放大能看细节，缩小能看布局，灵活多变。

回到最初的起点，SVG起先是服务电子地图的。有可扩展这个属性，地图能大能小，还能漫游+导航，和普通地图相比，可太酷了。

但SVG能火，还得是它的包容。SVG支持脚本语言，能动态呈现，还能交互。

在代码里，写一行〈animateM otion〉，可以让图像移动。再来行〈animateFlipbook〉，图像能来回横跳，要是多写行〈animateT ransform〉，图像能旋转跳跃不停歇。

这哪是写代码，简直是在写给图像的情诗，而且还是独一份的——这些俏皮功能jpg和gif可没有。

拿SVG和公众号组CP，那真是再适合不过了。和一代目纯图文比，会动的SVG充满嘞互联网的高逼格气质。和前往红H5比，SVG属实是为懒人谋福利，不需要跳转直接看内容。

更为人称道的，SVG图质量小，让服务器有了喘气摸鱼的机会。只要做成高清格式，不管在什么屏幕看，画质都一顶一出挑。

SVG用在公众号运营上，也不是什么新鲜事。

2020年3月，微信深色模式千呼万唤终于上线。而微信派的推文，就是SVG。用新技术官宣新功能，一众网友被狠狠惊艳，有人评论：好酷炫，官方就是不一样。

几个月后，Apple的ipad Pro和iPhone SE上新，推文也用了SVG。用户跟随提示点击照片，新品像动画一样弹出来，科技公司的排面有了。

初始阶段公众号的SVG交互比较基础，只有简单的功能。要说卷，谁能卷得过新媒体运营，一天一个新花样，快把推文雕琢成艺术品。不止拼技术，还要讲创意和情怀。

武汉解封前夜，人民日报推送《今天，发条微信一起点亮武汉》。用户点击灰色照片，黄鹤楼、楚河汉街等9座武汉地标，慢慢变成彩色。华丽璀璨的武汉，好久不见。这条推送瞬间燃爆互联网，阅读量超2100万，在看近100万，留言超10万条。

这篇文章荣获第三十一届中国新闻奖二等奖，评委一致认为，把SVG技术和微信内容结合，实现了技术创新、内容传播和受众参与的高度统一，是在重大主题报道中，通过创新技术应用催生良好传播效果的成功案例。

今年5月，北大推送的特饮系列，把未名湖、北大美食、燕园美景，用答题卡模型串联起来。这不仅是拼创意非凡脑力，还得拼写代码的体力。

还有更离谱的。2020年5月，宝马中国推送《说出来你可能不信》。用SVG打造一座宝马博物馆，用户随机选三款车型，会弹出藏品介绍。

一个月后GUCCI推送《就想“装”可爱》，同样是随机选三个选项，弹出三款包。但是被JZCreative团队发现，这是运营用秀米和新媒体管家两款编辑器复制导入的代码实现的。

2021年8月，交互新媒体创作者联合发表行业道德宣言。批判剽窃、抄袭、盗用等行业乱象。但感觉收效甚微，公众号资深玩家GQ实验室，被戏称为SVG老师。“桃李满天下”，跟在后面抄袭的人，一箩筐装不完。

当下，新媒体行业想用SVG技术的人多，能想出绝妙SVG创意的人却很少。一个热点红了，等着抄就可以了，何苦再去费力想创意呢。

但圈里还是有真神存在的，他们用日益稀疏的秀发，换来一篇又一篇爆款。

不难发现，GQ实验室SVG推文中，最后一栏技术支持里，总有“交互实验室&E2.COOL”的名字。

GQ这种超级大客户，他们的需求大多由交互实验室主理人小杨亲自操刀。《红了！》之前，小杨出圈的是《第一个，杨洋》系列。

这篇推送是GQ五月刊封面，用大型3D视差（Z+Y 轴），打造虚拟展览馆。

E2.COOL是一款SVG图文编辑器，2016年JZ Creative团队与微信团队合作，确定图文范畴内SVG AttributeName白名单规范，被称为黑科技排版，也就是现在的E2.COOL。

这个团队背后大佬是计育韬，至于为何执着做SVG交互，大佬有个很诗意的价值观：新媒体从业者，是美学信息的信使。运营要做美的推文，E2就给运营提供做美文的工具。

SVG圈另一个大佬是国梁。他大学时负责学校公众号编辑排版，靠百度和知乎，自学SVG技术，从入门到精通。

多年前还在上大学的国梁创作了一根头发丝SVG，推文里有一根头发，宽度只有0.35146mm，戳中它触发动画的概率只有0.3%。连国梁自己都点了106次才完成挑战，看到发丝缓慢变成一颗心。

国梁这个创意被杜蕾斯看中，就有了《掉根头发都是爱你的形状》。

后来国梁成立意符创意，服务几百家客户，创作几千篇图文。

比如美团出BUG了，模拟了windows弹窗；腾讯长鹅的中秋快乐，把企鹅做成了手风琴演奏《明月几时有》；小鹏汽车交付一周年，伸缩式数据总结；都是他们的作品。

公众号将死？

近几年，公众号进入死亡倒计时的讨论不断。数据的下滑、打开率持续走低，都是铁一般的事实。

根据新榜的统计，20年公众号在看数10万+文章有283篇，21年只有46篇。根据馒头商学院的数据，2020年公众号打开率只有1.8%，2017年这个数据还在5%。而今年，有数据说公众号平均打开率不到1%。5月公众号500强账号总阅读数下降9.4%，总在看数下降5.4%。

去年11月公众号大改版，展示区折叠部分推文内容，同时增加系统推荐内容。公众号终于还是走到了算法这一步。

与此同时，各大账号在推文底部加卡片，引导用户星标、分享、在看三连，仿佛少了哪个，账号死亡的钟声就要敲响。

公众号，危。

与之形成对比的，是公众号的弟弟视频号流量飞涨。21年视频号日活超5亿，同比增长79%。人均使用时长超35分钟，同比增长84%。今年5月，视频号500强账号总点赞数上升28%。

前有短视频流量王者抖音，后有短视频新秀视频号。如今还有谁倔强地只做图文不做视频，就会被按上古典自媒体的名头。

毕竟连微信自己都在重仓视频号，公众号仿佛成了弃子。周杰伦、西城男孩、后街男孩的视频号演唱会刷爆了朋友圈，热闹非凡。

腾讯在Q2财报也对视频号开启夸夸模式。称其用户爆发式增长、播放量大涨200%、日活创作者涨了100%。对视频号那可是寄予厚望，妥妥的下一个现金牛。

但视频号并不是要把公众号杀死，是想和公众号组成一个关于内容的圆。按照张小龙的愿景：公众号是内容的图文载体，除了图文，内容还有没被呈现出来的样子，视频号正好能补上公众号的缺。

▲2012年8月17号22点52分，公众号开放注册的内部邮件发出。同年8月23号，公众号正式上线。

短视频很好，图文也不差。文字的感染力，是短视频千篇一律的BGM不曾有的。

喧嚣的互联网世界里，我们需要一处安静之所，阅读有趣的图文。能成为SVG画板的公众号，无疑是最好的平台之一。

公众号从业者中有65.7%出生在乡镇，是标准的小镇青年，但却有接近8成留在了城市工作，成了出入高端写字楼的“白领”。还有31.7%的公众号从业者，表示愿意一辈子只干这一行。

公众号培养了一批愿意阅读、对文字有敬畏感的行业从业者和读者，也给许多人的职场生涯提供了新的选项。

如果说微信是腾讯在移动互联网时代的船票，那公众号也可以算是一些人改变一生命运的船票。

大家都有着美好的未来。END

参考资料：

肖昕.SVG的发展与应用[J].计算机系统应用,2005(11):34-37.

王仲,董欣,陈晓鸥.SVG——

一种支持可缩放矢量图形的Web浏览语言规范[J].中国图象图形学报,2000(12):71-75.

数英 专访意符创意创始人：从技术党到创意工种，他们不只为了打造爆款

E2平台 访谈｜计育韬：向丑陋的工具说不

新榜 影视娱乐类视频号数量爆发式增长 | 中国微信500强月报（2022.05）