1

我正在为所有平台的手机创建一个基于 PhoneGap 的应用程序。

我对 Windows Phone 和 BlackBerry 图标的像素分辨率感到困惑。

我得到了要使用的高度和宽度，但没有得到像素密度。例如，mdpiAndroid 的分辨率为 120 像素。

4

2 回答 2

3

像素密度对于应用程序图标无关紧要。

这是一个常见的误解，不幸的是，许多图形专家都在传播。

智能手机将根据像素大小显示图像。一个 57 像素 x 57 像素的图标将在您的智能手机应用程序上以相同的方式显示，无论它是以 72 dpi、144 dpi 还是其他任何方式保存的。

像素密度很有用，例如，在您将图像打印（到纸上）的情况下。在这种情况下，打印机软件将根据像素密度调整图像的物理尺寸。

智能手机可能有自己屏幕的像素密度，但这不用于选择图像的显示尺寸。因此，答案是您不必担心dpi.

注意：hdpi由于 Android 的资源命名约定（ 、ldpi、mdpi等） ，熟悉 Android 的用户可能对此问题特别困惑。drawable-mdpi在这种情况下，Android 会根据设备的屏幕密度从适当的文件夹（例如 ）中挑选图像，但图像文件中编码的实际 dpi 值仍然无关紧要。这些不同文件夹中的图像应具有不同的物理像素大小（mdpi图像小于hdpi），但不使用图像的像素密度。

于 2013-08-18T21:37:41.443 回答
0

Please don't forget to add this on config.xml

    <icon src="icon.png" />
    <icon src="icons/ios/icon.png" width="57" height="57" />
    <icon src="icons/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
    <icon src="icons/ios/icon_at_2x.png" width="114" height="114" />
    <icon src="icons/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
    <icon src="icons/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
    <icon src="icons/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
    <icon src="icons/bb/icon.png" gap:platform="blackberry" />
    <icon src="icons/bb/icon_hover.png" gap:platform="blackberry" gap:state="hover"/>
    <icon src="icons/winphone/icon.png" gap:platform="winphone" />
    <!-- winphone requires a jpg for the tile icons -->
    <icon src="icons/winphone/tileicon.png" gap:platform="winphone" gap:role="background" />
    <icon src="icons/webos/icon.png" gap:platform="webos" />
    <icon src="icons/webos/miniicon.png" gap:platform="webos" gap:role="mini" />

    <!-- Splash Screens -->
    <gap:splash src="splash.png" />
    <gap:splash src="splash/ios/Default-Landscape.png" width="1024" height="768" />
    <gap:splash src="splash/ios/Default-Portrait.png" width="768" height="1024" />
    <gap:splash src="splash/ios/Default.png" width="320" height="480" />
    <gap:splash src="splash/ios/Default_at_2x.png" width="640" height="960" />
    <gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
    <gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
    <gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
    <gap:splash src="splash/bb/splash.png" gap:platform="blackberry" />
    <gap:splash src="splash/winphone/splash.jpg" gap:platform="winphone" />

Windows Phone::

Home Screen

62px, small application tile
173px, large application tile
48px, application bar icons

Windows Phone Marketplace

99px, small mobile app icon
173px, large mobile app icon
200px, PC app title icon
480x800px, details page screenshot
1000x800px, panorama background
480x800px, application splash screen

BlackBerry::

http://docs.blackberry.com/en/developers/deliverables/17965/Dimensions_for_indicators_1155197_11.jsp

tablet webworks: 90px

BB10: 114px

BlackBerry 6: "For application icons, create an icon file that does not exceed 68-by-68 pixels. This size includes the canvas. Keep the weight of icons inside a 49-by-49 pixels space. Smaller elements can extend beyond this size but icons should not exceed 55-by-55 pixels. If the icon within the canvas exceeds this size, it could be scaled down and upset the line weights and gradients."

于 2013-08-17T07:06:03.833 回答