我一直在嘗試瞭解如何提高我的移動設計的按鈕質量。我的導航按鈕目前是一個PNG精靈,是72ppi,然後我有一個326 ppi這些按鈕的副本。我讀過iphone4可以通過在當前導航精靈中添加@ x2來自動獲取326ppi圖像?目前,我對這個過程有點困惑,以及我目前194x343px @ 72ppi的導航精靈如何變成335x1469px @ 326ppi的圖像?將iphone 4的圖像質量從72ppi提高到326ppi
如果任何人都可以提供一些有用的信息和指導,那就太好了。
凱爾
我一直在嘗試瞭解如何提高我的移動設計的按鈕質量。我的導航按鈕目前是一個PNG精靈,是72ppi,然後我有一個326 ppi這些按鈕的副本。我讀過iphone4可以通過在當前導航精靈中添加@ x2來自動獲取326ppi圖像?目前,我對這個過程有點困惑,以及我目前194x343px @ 72ppi的導航精靈如何變成335x1469px @ 326ppi的圖像?將iphone 4的圖像質量從72ppi提高到326ppi
如果任何人都可以提供一些有用的信息和指導,那就太好了。
凱爾
基於我可以收集,您可以創建有針對性的對iPhone 4的覆蓋樣式表使用this technique。你需要的是一個@media的查詢,你很好。
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* iPhone 4 styles */
}
或者,如果你想鏈接到外部的樣式表,使用:
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />
如果你的按鈕的尺寸是普通顯示器上194x343px則包括一個名爲這種規模的button.png文件在您的項目中並在Interface Builder中鏈接到它 - 然後您還需要在項目中使用尺寸爲388x686px(大小的兩倍)和文件名爲[email protected]的圖像。在視網膜顯示屏上運行時,您的應用會自動使用此更高分辨率的圖像。
是不是隻需要打印的dpi?所有電子顯示器只能理解像素值,所以您應該考慮圖像的像素分辨率。 –
@Jose對不起,我加了dpi而不是ppi,你能幫忙嗎? – styler
我認爲它是真的一樣,你需要關心的是圖像的像素分辨率,而不是英寸。然後我不知道iPhone是否使用ppi值來調整圖像大小,但對我來說似乎很奇怪。 –