你在视网膜技术上太逊了,快来补充知识吧!

日期:2013-2-7  来源:GBin1.com

你在视网膜技术上太逊了,快来补充知识吧!

自从视网膜屏幕的MacBook Pro发行到现在已经过了很久了,但很多web开发者们还在抓着胸前的键盘,忽视进步,将自己推入一种黑暗的“像素恐惧症”的深渊。

像素就是未来,它会不断出现在iPad、MacBook、iPhone或Android手机上。大量照片会向你扑过来,图标会浸透你的灵魂,字体通过屏幕像波尔卡舞的舞者一样给你滴迷魂药。

你在视网膜技术上太逊了,快来补充知识吧!

视 网膜屏幕的MacBook Pro目前来说任然算是奢侈品,但我们已经有了快一年的视网膜屏幕iPad, 两年半的iPhone 4。高清晰度显示的广泛使用率已经5倍于“江南style”。然而,要让互联网完全采用适合视网膜屏的图片仍然是有困难的。创业公司们在完全无视视网膜屏 的情况下,苦心设计数月他们的新网站,当人们在视网膜显示屏下看到这个网站时,它就像一个乱七八糟的像素团儿。

这是一个实际的、未经修饰的截图:

你在视网膜技术上太逊了,快来补充知识吧!

看到了吗?像素无处不在。我甚至看不到网站了:所有我能看到的就是黄色像素,棕色像素,红色像素…

有解决办法:

这个解决办法很简单,但很少实现:提供高分辨率的设备。

有一些方式可以做到这一点。Apple.com可能在互联网上有两个站点,大多数转移到高分辨率的资源上了,但他们使用了一些janky JavaScript的技术先下载1x图像(正常的分辨率),派一个请求来测试2x图像(两倍大小)是否存在,如果存在就下载,并从带有2x图像的DOM 里交换1x图像。你的眼睛明显会感觉到像有白内障,因为你在适应模糊形象的一瞬间就转变为一些令人舒服清晰的图像。当然,视网膜设备会产生额外的开销:加 载两种图片和一个额外的请求。

........

via gbtags

来源:你在视网膜技术上太逊了,快来补充知识吧!

欢迎访问GBin1.com
原文地址:https://www.cnblogs.com/gbin1/p/2908701.html