從 new iPad 看視網膜螢幕的特性、解析度技術與應用上的問題

ADVERTISEMENT

264ppi:高畫素密度戰國時代

行文至此,是否該採購新iPad的第一個問題已經有了答案:是的,單純就解析度的影響來看,新iPad畫質真的有比較好。平平是9.7吋面版,畫素高了4倍絕對能帶來明顯的品質增進,當然了,前提是得餵飽它才行。

既然解析度真的會帶來畫質差異,那麼就會面臨第二個問題。我們都知道,把畫素低的圖片放到高解析度的螢幕上看,會容易因為放大而失真。失真的情況嚴重嗎?新iPad在這檔事上是否有什麼補強方案?其實除此之外,要把低解析度素材放上高解析度螢幕,還有不少難關要解決。

尺寸跟畫素一樣重要

  1. 畫素=X軸 x Y軸
  2. PPI=((X軸^2+Y軸^2)^(1/2))/面板尺寸
  3. 點距=(面板尺寸/((X軸^2+Y軸^2)^(1/2)))*2.54

上面這3個公式,是弄懂解析度、PPI與螢幕尺寸之間三角關係的計算方式。如果你跟筆者一樣是數學白痴,那麼只要記住:

一、 當面板尺寸不變時,PPI會與解析度成正比。

二、 當面板尺寸不變時,PPI愈高,點距就愈小。

一般電腦螢幕的畫素密度,多在80~120ppi之間。對於裝載在桌機或筆電上的作業系統來說,解析度的差異並不會帶來太大困擾,多的空間就讓它留白,少的空間就少留點白,只要調整一下UI及字型的顯示比例就好。原因在於桌上型作業系統注重多工,而且使用的螢幕尺寸較大,沒必要把所有程式都放大至全螢幕處理,即使你有一台30吋的大螢幕,在畫面角落開一個記事本作業也不奇怪。

行動裝置就不是如此了。在以往的觀念裡,解析度愈高、螢幕就會愈大,但是總不能帶一台30吋的iPad出門吧?為了衝高解析度,大部份的行動裝置都會將畫素密度維持在150~300ppi。

像素太多也是麻煩

這麼高的畫素密度,會產生什麼問題?首先,軟體開發者要設計好幾套不同的解析度佈局來應付不同裝置,要不然假如拿一套解析度只有320 x 480的程式在768 x 1024螢幕上執行,會無法占滿畫面。

無法占滿畫面在桌機上沒什麼,在行動裝置上就會很奇怪。應該沒人看過兩個以上的App共享螢幕,也不太可能出現某個App只占了1/4畫面、其餘3/4還看得到桌面的窘況吧。行動裝置上的應用程式要不是得藏在背景,就是得以全螢幕姿態現身,唯一特例是在 iPad上執行iPhone原生1x解析度的App,但大家都知道這麼做是很彆扭的,因為畫面的其他部分會留下一片黑。

點距小未必是好事

即使你能接受這種操作模式,程式用較小的原生解析度運行還是會有其他問題,比如尺寸。點距就是一個像素的大小,在相同尺寸、而且資料量足夠的前提下,點距愈小,圖像就愈細緻。但若尺寸不足的話,再細緻的圖像也看不出來。

以App圖示來說吧,在舊iPad上,一個圖示的大小是72 x 72個像素,實際尺寸約為2.25平方公分;如果原封不動的拿到新iPad上顯示,解析度除於4的結果只剩0.5平方公分,會很難看清楚圖示的內容是什麼,字體也都變成螞蟻。

怎麼辦?其實早在30幾年前就有工程師發現了這個問題,只是個人電腦問世的25年內,一般應用對於顯示器的畫素要求並不高,除了其他工業標準還沒突破外(比如藍光尚未出現),以CRT映像管為基礎的顯示技術也限制並延緩了解析度的成長。直到近幾年液晶螢幕普及後,解析度的成長曲線漸趨陡峭,螢幕尺寸隨著畫素的提高而成正比增加,作業系統原廠也才開始正視並擬定解決方案。

如何讓點陣圖形不會受解析度的影響而顯示成錯誤尺寸,有很多種不同的理論與技術,但都不脫「Resolution Independence」的範疇。

數數看

從 new iPad 看視網膜螢幕的特性、解析度技術與應用上的問題

新舊iPad上圖示與文字所耗用的像素差異。為了維持相同的顯示尺寸,舊iPad點距大,無法使用太多像素,新iPad點距小,也不能使用太少像素。兩者看似打平,但像素量比較多的,能呈現的細節必定比較細膩。(點圖可放大)

(後面還有:Resolution Independence:解析度自主)

使用 Facebook 留言

小烏賊
1.  小烏賊 (發表於 2012年6月26日 10:20)
非常棒的文章,不過內文中有提到對電池續航等問題怎麼沒有探討下去呢?
2d400c9d14a59f9b48b0a40153281c78?size=48&default=wavatar
2.  匿名 (發表於 2012年6月26日 11:38)
我玩Mass Effect Infiltrator瘋狂LAG,根本看不出有針對New iPad做優化

玩過NOVA3以及Mass Effect Infiltrator之後,就知道要這塊SGX543MP4跑全解析度(2048*1536)的3D遊戲是不能太強求的,必須做不少犧牲才能跑的順
魯蛇實驗室
3.  魯蛇實驗室 (發表於 2012年6月26日 12:54)
---請看清楚內文---
還好在新iPad推出後,部分遊戲大廠的動作也隨即跟進,現在到App Store就能找到不少支援Retina Display的升級版本,甚至不必重買。2048 x 1536已經是桌上型27吋、甚至30吋螢幕才能達到的解析度,如果遊戲畫面本身真是以點對點的等級來算圖的話,很難想像在9.7吋的小螢幕上會有多麼可觀的畫質提升。

當然了,這麼高的解析度,對於4核心內嵌GPU的A5X處理器負擔也不小。不管遊戲業者是否真的重新準備了高解析度材質、或只是做了單純的升頻處理,絕對都是舊iPad無法比擬的視覺享受。
---
不要用一款遊戲來代表所有遊戲,這款沒支援不代表其他沒支援,再者,畫質提升不代表遊戲流暢度跟著提升,這是兩個不同層面的問題。文中也提到[這麼高的解析度,對於4核心內嵌GPU的A5X處理器負擔也不小。],沒有人說畫質提升流暢度也跟著提升,看文章請看仔細,謝謝
8072899d9f2a387c9db8cf89ab36bb0a?size=48&default=wavatar
1人給推

4.  rex (發表於 2012年6月26日 13:06)
好文章,我重複讀了3次。
精闢的見解。
1d56d9becc81b1982cdff91607f89485?size=48&default=wavatar
5.  路人 (發表於 2012年6月26日 14:51)
第3頁的第25行 寫144dpi應是144ppi(第95期電腦王)~都一樣囧rz沒改過.......
915d9803ff03194e0541a773a73c40b3?size=48&default=wavatar
6.  S (發表於 2012年6月26日 16:38)
「你寫的這篇我早就都知道了 .... ╮(╯_╰)╭」

我知道我這樣留言一定會被砲,縱使這是事實,
但我還是不要這樣留好了,我換一句:

「哇,受用無窮,謝謝大大的分析 (≧▽≦)」

這樣應該不會被砲了吧 <( ̄︶ ̄)>
魯蛇實驗室
4人給推

7.  魯蛇實驗室 (發表於 2012年6月26日 17:58)
如果這麼利害,都在別人知道之前知道,那建議你可以投書各大科技媒體,稿費包你賺不完。
相信很多人都有這樣的經驗,國小國中有些老師會要同學輔導課業比較落後的同學,有些題目你明明會解,但是到了要教人的時候卻又有點卡卡的。很多知識相信很多人都知道,但能否化為文字讓其他人明白(尤其是難度較高的科技或經濟文章),這就是要靠寫作的功力。
再者,你知道不代表別人知道,你真那麼利害在所有人知道前就知道?我想也未必。
A6eb9eab4f68bccb0a808ef83aa6545c?size=48&default=wavatar
8.  小威 (發表於 2012年6月26日 21:13)
這篇文章真的寫得非常好!是近來T客邦最好的文章之一,拜讀之後受益良多,解答我心中的疑惑,非常感謝作者!
4cda01644ba86c8c36dceefb30f4adb8?size=48&default=wavatar
10.  Thomas (發表於 2012年6月26日 22:40)
確實少見的精闢文章!!

我還發現, iPhone App在New iPad 2x放大時明顯比iPad 2好

應該是New iPad針對反鋸齒上下了功夫

個人使用電力上New iPad連續使用8~10小時應該沒問題

充電也沒許多人講的要充8小時, 大多4小時多就充飽了

不知道他們是不是用1A的iPhone adpater充的??
Bc6758072b53ddeee23afeae58213e35?size=48&default=wavatar
11.  jobsisbitch (發表於 2012年6月26日 23:09)

一篇廣告文要那麼多字
真是辛苦了
還是不想買╮(╯_╰)╭
魯蛇實驗室
13.  魯蛇實驗室 (發表於 2012年6月26日 23:20)
※ 引述《jobsisbitch》的留言:
>
> 一篇廣告文要那麼多字
> 真是辛苦了
> 還是不想買╮(╯_╰)╭
如果在你眼中什麼都是廣告文
那你還是別看了吧

八卦是,一般媒體根本不可能拿到蘋果的廣告費用
因為他們的產品強到根本不需要下廣告(同級的還有GOOGLE)
會說這篇是廣告文,代表根本不了解科技業跟媒體生態
090aad1de211525f447f6fc18e7882f3?size=48&default=wavatar
1人給推

14.  cccooler (發表於 2012年6月27日 02:12)
※ 引述《tandee》的留言:
> ※ 引述《cccooler》的留言:
> > 大推這篇長知識 感謝無敵小恩恩
> 這哪招?

ㄜ.....是感謝tandee大大啦
真是太抱歉了....
我想我該去掛號眼科了〒ˍ〒
魯蛇實驗室
15.  魯蛇實驗室 (發表於 2012年6月27日 09:44)
※ 引述《cccooler》的留言:
> ※ 引述《tandee》的留言:
> > ※ 引述《cccooler》的留言:
> > > 大推這篇長知識 感謝無敵小恩恩
> > 這哪招?
>
> ㄜ.....是感謝tandee大大啦
> 真是太抱歉了....
> 我想我該去掛號眼科了〒ˍ〒

其實這篇不是我寫的,我只是幫外稿掛個人頭(無誤)
不過還是會轉告大家對文章的意見,謝謝
4cda01644ba86c8c36dceefb30f4adb8?size=48&default=wavatar
16.  Thomas (發表於 2012年6月27日 11:57)
※ 引述《tandee》的留言:
> ※ 引述《jobsisbitch》的留言:
> >
> > 一篇廣告文要那麼多字
> > 真是辛苦了
> > 還是不想買╮(╯_╰)╭
> 如果在你眼中什麼都是廣告文
> 那你還是別看了吧
>
> 八卦是,一般媒體根本不可能拿到蘋果的廣告費用
> 因為他們的產品強到根本不需要下廣告(同級的還有GOOGLE)
> 會說這篇是廣告文,代表根本不了解科技業跟媒體生態

面對果黑不用太認真

這種人應該蘋果不是殺了他父母就是搶了他女友

不喜歡就別看, 還是硬要來酸兩句, 可惜沒內涵可以酸

只能用一些無意義的詞彙來浪費大家的資源
437a077cde44665cd3cbe26a4834c752?size=48&default=wavatar
17.  ╮(╯_╰)╭ (發表於 2012年6月27日 13:21)

你用 Retina Display

問題是讀者用一般的螢幕 ╮(╯_╰)╭

要怎麼和你一樣看出 iPad2 / new iPad 的差異

所以只好在圖片上動手腳 讓讀者了解差異了 ╮(╯_╰)╭

不然任憑讀者用一般的螢幕再怎麼使眼力看到都是左右一樣的比較圖

辛苦您的Photoshop修圖改圖了 ╮(╯_╰)╭


...........
F594e0ee826a5537098136076a9d3a90?size=48&default=wavatar
1人給推

18.  twg (發表於 2012年6月27日 17:58)
※ 引述《 ╮(╯_╰)╭》的留言:
>
> 你用 Retina Display
>
> 問題是讀者用一般的螢幕 ╮(╯_╰)╭
>
> 要怎麼和你一樣看出 iPad2 / new iPad 的差異
>
> 所以只好在圖片上動手腳 讓讀者了解差異了 ╮(╯_╰)╭
>
> 不然任憑讀者用一般的螢幕再怎麼使眼力看到都是左右一樣的比較圖
>
> 辛苦您的Photoshop修圖改圖了 ╮(╯_╰)╭
>
>
> ...........

你..........
我也.........
你這樣說能不能換成
因為大家螢幕都不好
所以某某相機拍出來的相片如果明顯比另一台好
是因為PH....
你用過平板電腦嗎?
你知道什麼叫做本機畫面截圖嗎?
把截好的圖片拿出來"放大"比較~
就算PH~
先把前面那段有關螢幕解析度的看過一次,
再來看看自己的發言多麼荒謬吧...
C1209418b7c2baf2dde3ec5e2be84bb4?size=48&default=wavatar
19.  綰綰 (發表於 2013年1月07日 21:44)
我覺得這篇關於Retina的介紹的很詳細很客觀啊,覺得是廣告或是自認為自已超強早就知道的路人,何必..再上來浪費時間留言呢?〒ˍ〒

發表回應

謹慎發言,尊重彼此。按此展開留言規則