今天是北京時(shí)間3月8日,既是廣大婦女們期盼的節(jié)日同時(shí)也是蘋(píng)果新iPad平板發(fā)布的日子,之前的傳聞都表明下一代的iPad平板電腦將被命名為iPad HD并且采用分辨率為2048×1536的Retina顯示屏,如今隨著發(fā)布會(huì)的結(jié)束之前所有的猜測(cè)也都有了答案,想必今天凌晨看了發(fā)布會(huì)直播的網(wǎng)友們應(yīng)該都知道了最后的結(jié)果,Retina視網(wǎng)膜顯示屏來(lái)了,但iPad HD卻沒(méi)有來(lái)。一句“The New iPad”給了我們無(wú)盡的遐想,難道它就叫iPad嗎?亦或者就是The New iPad呢?
如果讓我說(shuō),這都是唯冠惹的禍,好了還是不開(kāi)玩笑了,筆者撰寫(xiě)這篇文章的目的就是想模擬一下?lián)Q上2048×1526分辨率264PPI視網(wǎng)膜顯示屏的新版iPad將是如何顯示之前的那些內(nèi)容的,另外再和iPad 2做一下對(duì)比看看二者因?yàn)榉直媛实牟顒e會(huì)導(dǎo)致顯示上的哪些不同。
雖說(shuō)在發(fā)布會(huì)的現(xiàn)場(chǎng)蘋(píng)果公司全球市場(chǎng)營(yíng)銷(xiāo)高級(jí)副總裁Phil Schiller一開(kāi)場(chǎng)就介紹了有關(guān)這塊Retina視網(wǎng)膜屏幕的升級(jí)情況,并且也說(shuō)了它顯示的內(nèi)容將如何如何的清晰,但這一切都是建立在他所設(shè)立的前提下,2048×1536,一個(gè)令人驚訝的分辨率,但是我們?nèi)粘?吹降膱D片根本達(dá)不到這個(gè)級(jí)別,也許還有的網(wǎng)友正在使用分辨率為1366×768的筆記本電腦,那么各位有沒(méi)有想像過(guò)我們現(xiàn)在查看的這些低分辨率的圖像或者網(wǎng)頁(yè)將在新版iPad上是如何顯示的呢?筆者下面就帶大家一起來(lái)探究一下這個(gè)問(wèn)題。
坐為網(wǎng)友們最期待升級(jí)項(xiàng)目,Retina顯示屏是今天發(fā)布會(huì)上第一個(gè)被提到的升級(jí)內(nèi)容之一,分辨率為2048×1536的屏幕使得PPI數(shù)值翻了一倍達(dá)到了264,從此我們將無(wú)法用肉眼觀察到iPad上的像素點(diǎn)。
iPhone4發(fā)布時(shí)的那個(gè)大眼睛圖標(biāo)又回來(lái)了(本文圖片來(lái)自互聯(lián)網(wǎng))
蘋(píng)果公司現(xiàn)任總裁下臺(tái)之后,蘋(píng)果公司全球市場(chǎng)營(yíng)銷(xiāo)高級(jí)副總裁Phil Schiller登臺(tái)為我們介紹新版iPad的特性 ,第一項(xiàng)就是Retina視網(wǎng)膜屏登陸新版iPad,那個(gè)iPhone4手機(jī)發(fā)布會(huì)上的大眼睛圖標(biāo)又回來(lái)了。
Retina屏帶來(lái)更清晰的顯示效果(本文圖片來(lái)自互聯(lián)網(wǎng))
對(duì)比iPad2新版iPad的屏幕PPI達(dá)到了之前的兩倍為264,也就是我們所看的文本與圖像將會(huì)以更清晰更銳利的方式顯示,而且我們將看不到屏幕上的像素點(diǎn),對(duì)此蘋(píng)果方面給出的解釋是,iPhone手機(jī)適宜的查看距離是10英寸也就是大概距離人眼25.4厘米的位置,而iPad由于屏幕尺寸較大所以它的事宜查看距離為15英寸約為
38.1厘米,那么也就是說(shuō)我們?cè)谶@個(gè)距離觀看屏幕的話是無(wú)法察覺(jué)到屏幕上的像素點(diǎn)的。
既然我們已經(jīng)基本了解了iPad新品的屏幕尺寸以及分辨率,那么我們完全可以計(jì)算出它的屏幕PPI(每英寸像素?cái)?shù)),平且我們可以通過(guò)和市面上現(xiàn)有的機(jī)型做一個(gè)對(duì)比然后大概的看一下它的顯示效果究竟是什么樣子的。
多機(jī)型屏幕PPI對(duì)比列表
筆者從產(chǎn)品庫(kù)中挑選了一些各時(shí)期比較流行的機(jī)型平且計(jì)算了它們屏幕的PPI,最次的就是我們平時(shí)使用的液晶顯示器了,雖說(shuō)屏幕分辨率高達(dá)1920×1080但是由于屏幕尺寸過(guò)大所以PPI只能在100左右徘徊,最高的自然是蘋(píng)果的iPhone4S手機(jī)不必說(shuō),330PPI的Retina視網(wǎng)膜屏你是無(wú)法用肉眼在屏幕上看到像素點(diǎn)的。那么新iPad的屏幕PPI為264,處于HTC G14和三星 i9220之間,那么筆者就通過(guò)iPhone 3GS手機(jī)和iPhone 4手機(jī)模擬一下屏幕分辨率提升后的顯示效果,雖說(shuō)不能完全替代iPad 2和新iPad但是筆者只想表達(dá)一個(gè)想法。
■屏幕分辨率提升效果模擬蘋(píng)果iPad新品的屏幕分辨率提升了1倍,像素?cái)?shù)提升了3倍,這和iPhone 4發(fā)布時(shí)的情況幾乎一致,唯一的不同點(diǎn)就是二者屏幕尺寸上的差別。那么由于筆者手里肯定是沒(méi)有iPad新品的真機(jī)了,所以筆者只好來(lái)拿iPhone 4和iPhone 3GS手機(jī)才做個(gè)類(lèi)似的對(duì)比了。
四款機(jī)型屏幕PPI對(duì)比
首先我們拋開(kāi)屏幕PPI這個(gè)不說(shuō),來(lái)看一看三種規(guī)格的圖片在屏幕分辨率提升后的顯示效果有什么區(qū)別。其實(shí)一般在屏幕像素?cái)?shù)提升后會(huì)有三種情況發(fā)生,筆者下面列出了可能的四種顯示情況。
1.不能覆蓋全屏的小圖片
2.可以覆蓋低分辨率屏幕的圖片(480×320|1024×768)
3.可以覆蓋高分辨率屏幕的圖片(960×640|2048×1536)
4.遠(yuǎn)超過(guò)高分辨率屏幕的圖片(這個(gè)基本可以忽略,不再本文考慮范圍內(nèi))
既然已經(jīng)列出了三種的可能性那么我們就開(kāi)始吧,第一項(xiàng)就是不能覆蓋全屏的小尺寸圖片。
第一項(xiàng):不能覆蓋全屏的小尺寸圖片
小圖片實(shí)際顯示效果對(duì)比
上面這張圖主要是想讓網(wǎng)友看一下,小尺寸圖片在顯示的時(shí)候兩款機(jī)型都能夠做到點(diǎn)對(duì)點(diǎn)顯示,那么由于iPhone 4S的分辨率要高所以看上去縮小成了3GS的四分之一。
小圖片實(shí)際顯示細(xì)節(jié)效果對(duì)比
上圖中的兩幅圖片是未經(jīng)縮放處理直接剪裁出來(lái)的原圖,筆者選擇的是ZOL Logo的右上角,很明顯的我們能看出3GS的PPI較低可以很清晰的看出它的像素點(diǎn),而iPhone 4S我們用肉眼幾乎分辨不出來(lái)。
同等大小實(shí)際顯示效果對(duì)比
同等大小實(shí)際顯示效果對(duì)比
一般的情況下在查看小尺寸圖片的時(shí)候我們都會(huì)在放大后進(jìn)行查看,上面的兩幅圖就是這一操作的再現(xiàn),由于圖片復(fù)雜度并不高所以放大后的Logo雖說(shuō)也能看到像素點(diǎn)但是如果不借助鏡頭的幫助的化看上去還是可以接受的。
第二項(xiàng):可以覆蓋小尺寸屏幕全屏的圖片這一項(xiàng)測(cè)試筆者認(rèn)為是比較重要的一項(xiàng)測(cè)試,因?yàn)樗芎玫哪M了之前在iPad2上以全屏顯示的圖像或者應(yīng)用在新的iPad3將是如何顯示的。筆者認(rèn)為iPad3在上市之初會(huì)面臨非常尷尬的窘境,因?yàn)槲覀儸F(xiàn)在查看的這些圖像、網(wǎng)頁(yè)、應(yīng)用不可能一夜之間就能達(dá)到2048×1536的級(jí)別,就連1080P的視頻也還有些差距所以我們目前在iPad3上看到的東西都將會(huì)是模糊的,即使它的屏幕已經(jīng)到達(dá)了264PPI的級(jí)別。之所以敢這么說(shuō)那是因?yàn)?30PPI的4S在全屏顯示480×320的圖片時(shí)看上去就沒(méi)有3GS的犀利了,好了話不多說(shuō)還是直接看圖吧。
分辨率為480×320的圖片實(shí)際顯示效果對(duì)比
實(shí)際顯示效果細(xì)節(jié)對(duì)比
和之前的小圖片顯示一樣,在以實(shí)際大小顯示的時(shí)候iPad3的圖像看上去就是iPad2的四分之一,此時(shí)iPad3的顯示效果自然要好于iPad2很多,不過(guò)以這種尺寸查看的話著實(shí)有點(diǎn)小看不清,那么我們?cè)诜糯蟮饺林蟮娘@示效果會(huì)有怎樣的變化呢?
※任何圖像的放大算法都會(huì)造成細(xì)節(jié)的損失在上圖之前筆者想要說(shuō)明的一點(diǎn)就是無(wú)論我們采用什么樣的算法,一張圖片在放大或者縮小之后都會(huì)造成或多或少的細(xì)節(jié)損失,除非你使用的是矢量圖或者是光學(xué)的放大,那么iPad3的上市會(huì)推動(dòng)矢量圖的普及么?難道HTML5的推土機(jī)式發(fā)展會(huì)在它的身上重現(xiàn)么?好了還是先來(lái)看圖吧。
同等大小實(shí)際顯示效果對(duì)比
同等大小實(shí)際顯示效果細(xì)節(jié)對(duì)比
再把圖像放大到全屏之后一個(gè)像素點(diǎn)將會(huì)會(huì)變成四個(gè)像素點(diǎn),這就需要一個(gè)復(fù)雜的公式來(lái)完成了,經(jīng)過(guò)計(jì)算之后我們會(huì)得到四個(gè)近似于原像素點(diǎn)的點(diǎn),由于它不是矢量的放大或者是光學(xué)的放大那么細(xì)節(jié)的丟失是必須的,雖說(shuō)有264PPI顯示屏的修飾但是還是無(wú)法來(lái)彌補(bǔ)縮放算法造成的損失,這樣放大了的圖片看上去也就會(huì)變得模糊反而還不如在iPad2上顯示的。
第三項(xiàng):可以覆蓋大尺寸屏幕全屏的圖片在顯示小尺寸圖片方面新iPad可能會(huì)有些小遺憾,但是如果圖片尺寸夠大那么它帶來(lái)的震撼效果絕對(duì)是超越iPhone 4S手機(jī)的,不知道大家是否還記得索尼曾經(jīng)的口袋本VAIO P,它的分辨率最高可達(dá)1600×768,屏幕尺寸為8英寸,PPI經(jīng)計(jì)算后的結(jié)果為222,筆者曾經(jīng)在它身上感受過(guò)紙片一樣顯示的Vista系統(tǒng),真的是炫極了,就像近視眼帶上了眼鏡一樣。
分辨率為960×640的圖片同等大小實(shí)際顯示效果對(duì)比
同等大小實(shí)際顯示效果對(duì)比
其實(shí)這項(xiàng)對(duì)比本來(lái)應(yīng)該是不用提的,因?yàn)?a target="_blank">iPhone 4和4S的Retina屏的效果早在iPhone4手機(jī)發(fā)布的時(shí)候就已經(jīng)公布的,不過(guò)在此啰嗦一下完全是為了照顧到目前手里沒(méi)有iPhone 4/4S手機(jī)或者懶得再去搜索過(guò)去文章的網(wǎng)友。
新版iPad已經(jīng)問(wèn)世,如果蘋(píng)果不能很好的處理現(xiàn)有尺寸圖片放大后變模糊的問(wèn)題那么就只有再次掀起顯示技術(shù)的革命了。那么這場(chǎng)革命將如何展開(kāi)?筆者按可能實(shí)現(xiàn)的概率列出了三種可能:
1.像曾經(jīng)的HTML5一樣強(qiáng)推2048×1536級(jí)圖像的普及工作從目前的來(lái)看這條假設(shè)是最有可能實(shí)現(xiàn)的,因?yàn)榘殡S著蘋(píng)果iOS5.1系統(tǒng)的更新軟件商店中已經(jīng)有5款來(lái)自蘋(píng)果的應(yīng)用緊隨其后在今天發(fā)布了更新提示,從更新內(nèi)容的介紹來(lái)看都是為了Retina顯示屏而來(lái),也就是說(shuō)這些應(yīng)用的UI圖片已經(jīng)相應(yīng)的提升了分辨率來(lái)優(yōu)化它們?cè)谛掳?a target="_blank">iPad上的顯示效果,那么接下來(lái)的工作就要交給那些應(yīng)用開(kāi)發(fā)商和網(wǎng)站的設(shè)計(jì)們了。
平板頻道頁(yè)在iPad3上的顯示效果(橫向)
平板頻道頁(yè)在iPad3上的顯示效果(縱向)
看吧,如果我們中關(guān)村在線的網(wǎng)頁(yè)不做任何調(diào)整的話在新版iPad上的顯示效果就是上面兩幅圖中顯示的樣子,沒(méi)法完全利用到Retina視網(wǎng)膜屏幕的全部像素,只能通過(guò)放大來(lái)填滿(mǎn)整個(gè)屏幕,這樣一來(lái)網(wǎng)頁(yè)上的圖像注定會(huì)丟失一些細(xì)節(jié)并且變得模糊。
2.找到更好的圖片放大算法減小信息損失說(shuō)到第二條,之所以把它放到第二條不是因?yàn)樗茈y實(shí)現(xiàn),而是因?yàn)榧词拐业搅艘粋€(gè)非常非常優(yōu)秀的算法把圖片進(jìn)行了縮放處理最終還是會(huì)導(dǎo)致圖片信息的損耗,哪怕只有一點(diǎn)點(diǎn)乘以300萬(wàn)以后(2048×1536得來(lái)的像素?cái)?shù))都會(huì)是一個(gè)不小的數(shù)值,所以對(duì)比第一條還是不太可取的。
3.推廣矢量圖片的普及中畫(huà)幅、全畫(huà)幅,我們手中的單反相機(jī)可以輕松的拍攝出遠(yuǎn)超1536P級(jí)的圖像,2160P的高清視頻也漸漸開(kāi)始流行,即時(shí)演算的3D游戲?qū)Υ艘脖硎竞翢o(wú)壓力,那么唯一的瓶頸就是傳統(tǒng)的網(wǎng)站以及圖像了,頁(yè)面寬度依舊為1024的網(wǎng)站到處都是,文章里的圖片寬度基本上也就是500左右,那么它們?cè)?a target="_blank">iPad3顯示時(shí)便會(huì)變得模糊不清,那么iPad3的到來(lái)會(huì)掀起圖片全矢量化的革命么?在筆者看來(lái)除了搞設(shè)計(jì)的人外平時(shí)很難接觸到矢量圖形,而且制圖的成本及復(fù)雜度會(huì)有所提升。所以以目前的科技水平來(lái)看,矢量圖片實(shí)現(xiàn)起來(lái)有些困難但是在將來(lái)會(huì)被采用。
蘋(píng)果The New iPad |
蘋(píng)果手機(jī) | |||||||||||||||
|