2011-06-24 38 views
1

我一直在嘗試瞭解如何提高我的移動設計的按鈕質量。我的導航按鈕目前是一個PNG精靈,是72ppi,然後我有一個326 ppi這些按鈕的副本。我讀過iphone4可以通過在當前導航精靈中添加@ x2來自動獲取326ppi圖像?目前,我對這個過程有點困惑,以及我目前194x343px @ 72ppi的導航精靈如何變成335x1469px @ 326ppi的圖像?將iphone 4的圖像質量從72ppi提高到326ppi

如果任何人都可以提供一些有用的信息和指導,那就太好了。

凱爾

+0

是不是隻需要打印的dpi?所有電子顯示器只能理解像素值,所以您應該考慮圖像的像素分辨率。 –

+0

@Jose對不起,我加了dpi而不是ppi,你能幫忙嗎? – styler

+0

我認爲它是真的一樣,你需要關心的是圖像的像素分辨率,而不是英寸。然後我不知道iPhone是否使用ppi值來調整圖像大小,但對我來說似乎很奇怪。 –

回答

2

基於我可以收集,您可以創建有針對性的對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" /> 
2

如果你的按鈕的尺寸是普通顯示器上194x343px則包括一個名爲這種規模的button.png文件在您的項目中並在Interface Builder中鏈接到它 - 然後您還需要在項目中使用尺寸爲388x686px(大小的兩倍)和文件名爲[email protected]的圖像。在視網膜顯示屏上運行時,您的應用會自動使用此更高分辨率的圖像。