文章图片
文章图片
文章图片
文章图片
文章图片
文章图片
作者:挖掘姬
编辑:大涵最近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 。 用新技术官宣新功能 , 一众网友被狠狠惊艳 , 有人评论:好酷炫 , 官方就是不一样 。
- 折叠屏|摩托罗拉放大招!拉低折叠屏手机价格:小米不给力了
- 目前笔记本电脑产品中|关于联想笔记本电脑,你了解多少?
- 说到和徕卡影像合作的品牌|为什么小米成了徕卡影像师徒中的三师兄?
- AMD|5年提升芯片能效30倍 AMD变“绿了”:今年已提升6.8倍
- ios16|iOS 16正式版要来了?隐私保护再增强,国产手机这波领先一个身位
- |iPhone,三星和OPPO都要发布新系统了,已经准备好第一时间尝鲜了
- 芯片|老美组织“芯片四方联盟”,韩国要中国理解?外媒:“变脸”了
- 存储卡|为什么商务人士独爱三星Galaxy Z Fold4?看完答案扎心了!
- 耳机|62岁阿姨哭诉:找了个53岁的老伴搭伙,没想到是我噩梦的开始
- 本文转自:文汇报在今天举行的2022浦东新区科技节开幕仪式上|开放创新火了!又一批大企业在浦东开了这个中心