本文主要是介绍你在视网膜技术上太逊了,快来补充知识吧!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
日期: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
来源:你在视网膜技术上太逊了,快来补充知识吧!
这篇关于你在视网膜技术上太逊了,快来补充知识吧!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!