关于ZAKER 融媒体解决方案 合作 加入

一张神图,每台手机看到的可能都不一样

果壳网 11-19

以下文章来源于爱范儿 ,作者冷思真

来源丨爱范儿(ID:ifanr)

作者丨冷思真

如果你的浏览器会画画,那它会画出怎样一幅画呢?

如果浏览的小说文字多,那可能是文字组合多多的黑白图画;如果是在线刷不同的动漫作品,那估计是色彩缤纷的波普画作;要是每天都在看摄影美图,那浏览器画出的可能是一幅光影变幻的印象画。

可惜浏览器不是 AI,没办法根据自己的代码、特性来画一幅画。

Chrome 的画

但这也没关系,数字艺术家 Diana Smith 设计了一串纯 web 的代码,每个浏览器在加载页面时都会将其呈现为绘图。

Diana Smith 一直以来都在进行的尝试是用 CSS 和 HTML 作出画作。所有的元素都是手动的输入,仅允许使用 Atom 文本编辑器和 Chrome 的开发者工具进行操作,同时 SVG 元素的使用也可能受到限制。它的项目和源代码都可以在 GitHub 中查询。

这一次,Diana Smith 的" 作画 " 和不同的浏览器有关。除了 Chrome 浏览器能够呈现图片本身预想的画作外,其它浏览器都会 " 画 " 出不同的图像。这也展示了不同浏览器转换工作的差别。

Diana Smith 的其它艺术作品

这不是说其它的浏览器都不如 Chrome,只是作者在一开始并没有考虑过跨浏览器兼容的问题。

但就是因为没有兼容,这串代码反而画出了不同的 " 有趣 " 图画。

由于这个项目的艺术性,因此我不关心跨浏览器的兼容性,所以实时预览可能在除 Chrome 之外的任何浏览器中看起来都很可笑。

在 Safari 浏览器中,蕾丝的花边装饰覆盖在了女人的脸上,这片蕾丝本应该出现在女人的脖颈后方作为装饰品。

Safari 的画

而在 2014 版本的 Opera 浏览器中,画作变得更加诡异了,有了一种全然不同的风格。脖子分成了三个部分,眉毛、头发、眼睫毛的位置都出现了偏移和错位,以一种更像条码的方式展现。脖子、眼睛也出现了位置的偏移,这是一张平面的、诡异的画作。

Opera 的画

而让人感觉十分复杂的是 Edge 浏览器。虽然他的名字 Edge 有 " 边缘 " 的意思,但在这次作画中,它自动 " 画 " 掉了所有的边,让项链消失,使整幅图画更为平滑。

这幅画作还是所有画中看起来最为阴沉的一幅。

Edge 的画

还有曾是世界上最流行的浏览器—— Netscape Navigator(网景领航员),尽管它的市场占有率一度达到了 90%,但今天可能很多人都没有听过它的名字了。

即便如此,它依然是最有风格的浏览器创作者,画出的图像自成一派。

脸变成了方块,嘴巴、眼睛等五官都变成了不同大小的方块,深色的毛发变为了条码状的线条。有点像乐高,也有点像《我的世界》风格。Vice 觉得这个颜色和微软的 Edge 浏览器基本保持了一致,或许是因为这两家公司都曾统治了九十年代。

Netscape Navigator 的画

Diana Smith 说:" 当你在不同的浏览器上查看这张图片时,你就像是在查看互联网的历史,以及当时用户对浏览器的要求。"

事实上,虽然这个数字艺术完全是艺术方面的探索,但也很容易让人联想想到中国多年前的一场营销活动—— IE6 歼灭战。

当时还有很多用户在使用存在较大安全隐患的 IE6,于是 360 号召大家和周鸿祎一起 " 真枪实弹 " 地消灭 IE6。用户只需要登录活动主页就能自动检测用户浏览器的 IE 内核版本,检测自己是否正在使用不安全的 IE6。

若用户浏览器内核为 IE6 版本,主页的哆啦 A 梦就无法显示出本来的形象,五官扭曲,分辨不清。而 IE8 内核的浏览器则能很清晰地显示哆啦 A 梦,图片显示的直接不同也能提醒用户升级浏览器。

七年前的营销活动和今天的数字艺术品,二者都很有趣。

本文经授权转载自爱范儿(ID:ifanr),如需二次转载请联系原作者

欢迎转发到朋友圈。

你现在用的什么浏览器?它哪里打动你?我用的 Safari,可以多设备同步真的很赞 ~ 欢迎安利你的选择!

BTW,我们设置了小小的门槛,相信热爱科学的你肯定会通过考验!扫描下面的二维码,在 42 秒内答对尽可能多的题,达到一定分数才可以加入,每 24 小时仅能答题一次。呼 ~ 深吸一口气,然后好好答题吧!

以上内容由"果壳网"上传发布 查看原文

最新评论

没有更多评论了