DPI和Retina圖像說明

我一直在閱讀有關@ 2x圖像只是比普通圖像大兩倍的圖像，但是我們必須更改DPI以使質量更好，否則我們只需要一張圖像即可是兩倍大？我不明白爲什麼相同質量的兩倍大的圖像會更好？非常感謝DPI和Retina圖像說明

來源

2012-12-10 Yann Chabot

不要擔心DPI對於屏幕無關緊要，但要回答您的問題，將圖像尺寸設置爲相同質量兩倍的圖像將具有比原始圖像高得多的像素密度，因此渲染的像素將會是更清晰和明確。

例如：

原始圖像：300 x 300像素= 90000像素

視網膜圖像（相同的質量）：600px的X 600px的= 360000像素

現在，當在瀏覽器呈現的視網膜圖像，它仍然會將其渲染爲與原始圖像相同的300x300像素的空間。這意味着該圖像中有360,000個像素，而不是之前的90,000個像素。現在有更多的像素來渲染相同的圖像，所以圖像看起來會更加明確。

來源

2012-12-10 16:58:49 Jason

使圖像具有兩倍的大小與像素密度無關。像素密度基於輸出設備（屏幕），而不是輸入。 – user1337

你是什麼意思DPI不關心屏幕？你有沒有在高DPI屏幕上的普通網頁上看過正常的光柵圖像？它看起來像噴墨+水 - 這太可怕了。適當的瀏覽器會縮放圖像以匹配其預期大小，而不是其預期的DPI。在我的4K屏幕上，該頁面上的光柵圖像中的每個像素大致變爲4個模糊的像素。假設這是您的日常典型圖像，300x300圖像將以600x600呈現。如果圖像沒有額外的數據，它肯定沒有更多的定義！ – Zenexer

沒有抱歉，DPI不適用於屏幕 - 僅用於打印。你可能會想到PPI（像素每英寸），這會產生你正在談論的行爲。 – Jason

對於屏幕來說，DPI不存在。您需要了解的基本原理是像素數。您可以擁有100px x 100px的圖像，即1 DPI或100,000,000 DPI，這沒有什麼區別。

如果你真的想了解更多一些，看看http://en.wikipedia.org/wiki/Pixel_density

但對於屏幕輸出，你可以忽略的DPI。

來源

2012-12-10 16:51:58 user1337

DPI和Retina圖像說明

回答

相關問題