由于圖形不論是經(jīng)過(guò)放大還是縮小的處理，最后的圖片都必須對(duì)應(yīng)到像素的格點(diǎn)中，但是并不是每一次的縮放都會(huì)準(zhǔn)確的對(duì)齊在格點(diǎn)上，因此有了 重新取樣 這件事情的發(fā)生。實(shí)際上在大部分的狀況下， Photoshop 軟體都會(huì)自動(dòng)幫我們選擇最適合的演算法做處理。例如上圖中的 125% 以及 175％的狀況，由于重新取樣的關(guān)系、圖片變得較為模糊，因此程式在形成模煳狀況的交界處，少量地提高影像的對(duì)比度，以降低模煳感。

即使是最簡(jiǎn)單的兩倍縮放，要取得完美的像素也有很多細(xì)節(jié)要注意：

以開(kāi)發(fā) iOS APP 的狀況為例，舊款 iDevices 手持裝置的屏幕解析度為 480 x 320，到了 Retina 屏幕則是提高到 960 x 640 的解析度，解析度恰好為兩倍，這當(dāng)然是蘋果公司刻意設(shè)計(jì)安排的。最新款的 iPhone5 則是使用了 1136 x 640 的解析度，但由于帶來(lái)的只有長(zhǎng)邊的改變，實(shí)際上影響的只有畫面顯示內(nèi)容的多少，畫面上的元件并不需要因此改變比例或解析度，因此在接下來(lái)將不特別提出討論。

由于新屏幕解析度提升了，UI 設(shè)計(jì)師必須為不同機(jī)型提供不同的圖檔以適應(yīng)需求，最保險(xiǎn)的解決方式是依舊繪製 320 x 480 的圖像，然后在使用不重新取樣的狀況做下等比例放大，但這種作法很明顯就失去了 Retina 的優(yōu)勢(shì)，畫面將會(huì)缺乏細(xì)節(jié)：

以設(shè)計(jì)師的角度來(lái)思考，當(dāng)然就是選擇先繪製 Retina 解析度的圖片，再等比例縮小以提供低解析度狀況的需求。但是當(dāng)你在高解析度圖檔中繪製例如 1px 細(xì)節(jié)的部分時(shí)，就會(huì)遇到必須重新取樣的問(wèn)題：（Resizer 軟體）

雖然持有以及使用非 Retina 機(jī)型的使用者已經(jīng)越來(lái)越少，日后也只會(huì)減少不會(huì)提高，但想要兼顧各種不同裝置上的顯示品質(zhì)時(shí)，設(shè)計(jì)師就勢(shì)必特地為兩種設(shè)備重新繪製圖形，但相應(yīng)的研發(fā)製作成本就會(huì)提高很多。在不符合經(jīng)濟(jì)效益的情況下，大部分的開(kāi)發(fā)者都選擇第二種方式來(lái)達(dá)到目標(biāo)：少量犧牲非 Retina 設(shè)備的用戶體驗(yàn)，將研發(fā)精力投資在其他地方。

而下圖為 iOS Facebook APP在兩種屏幕上的呈現(xiàn)效果，設(shè)計(jì)師很明顯為了兩者重新繪製過(guò)圖檔，當(dāng)然以 Facebook 的執(zhí)行能力以及該界面的重要程度來(lái)看，這一點(diǎn)也不讓人意外。

一個(gè)更好的解決方式是，將畫面上大部分需要清晰的圖形以及視覺(jué)效果，交由程式端運(yùn)行計(jì)算。就跟顯示文字的原理一樣，如此能同時(shí)兼顧顯示資源以及品質(zhì)。事實(shí)上我們平常看到的大部分介面上的細(xì)節(jié)，都是如此完成的：

來(lái)源：雷鋒網(wǎng)