Android - 启动器图标大小

And*_*Dev 329 android android-icons

对于HDPI,XHDPI等等,应该是启动器图标的理想大小?我是否应该9-Patch为图标创建图像以自动缩放,还是创建单独的图标会更好?

edw*_*ard 698

我会为每个人创建单独的图像:

LDPI should be 36 x 36.

MDPI should be 48 x 48.

TVDPI should be 64 x 64.

HDPI should be 72 x 72.

XHDPI should be 96 x 96.

XXHDPI should be 144 x 144.

XXXHDPI should be 192 x 192.
Run Code Online (Sandbox Code Playgroud)

然后将它们中的每一个放在drawable文件夹的单独的stalks中.

将应用程序上传到Google Play商店时,您还需要提供大型版本的图标,这应该是WEB 512 x 512.这是如此之大,以便Google可以将其重新调整为任意大小,以便在整个Google Play商店中宣传您的应用,而不是为您的徽标添加像素化.

基本上,所有其他图标应与"基线"图标成比例MDPI at 48 x 48.

LDPI is MDPI x 0.75.

TVDPI is MDPI x 1.33.

HDPI is MDPI x 1.5.

XHDPI is MDPI x 2.

XXHDPI is MDPI x 3.

XXXHDPI is MDPI x 4.
Run Code Online (Sandbox Code Playgroud)

这些都在Android开发者网站的Iconography页面上进行了解释:http: //developer.android.com/design/style/iconography.html

  • @ Mafro34我认为你的意思是WEB版本?当您最终完成应用并将其上传到Google Play商店时,它会要求您上传512 x 512应用图标.这意味着他们可以在网站和应用程序的任何位置使用图标来宣传您的应用. (10认同)
  • 你把WED版本放在哪里? (3认同)

Chi*_*rag 118

不要为启动器图标创建9补丁图像.你必须为每个人制作单独的图像.

LDPI - 36 x 36
MDPI - 48 x 48
HDPI - 72 x 72
XHDPI - 96 x 96
XXHDPI - 144 x 144
XXXHDPI - 192 x 192.
WEB - 512 x 512 (Require when upload application on Google Play)
Run Code Online (Sandbox Code Playgroud)

注意:在Market上传Android应用程序时使用WEB(512 x 512)图像.

|| Android App图标大小||

所有设备

hdpi=281*164
mdpi=188*110
xhdpi=375*219
xxhdpi=563*329
xxxhdpi=750*438

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)
Run Code Online (Sandbox Code Playgroud)

  • @Ogen - 提问是个好习惯,是单位是像素. (6认同)
  • 请原谅我的愚蠢,但那些单位是像素吗? (5认同)
  • @ RED​​.Skull不,他指的是您上传到Google Developer Dashboard的图标,供用户在市场上查看 (2认同)

STS*_*STS 93

Android图标需要五种不同的尺寸,以适应不同的屏幕像素密度.从基线自动创建较低分辨率的图标.

mdpi (Baseline): 160 dpi 1×
hdpi: 240 dpi 1.5×
xhdpi: 320 dpi 2×
xxhdpi: 480 dpi 3×
xxxhdpi: 640 dpi 4× (launcher icon only)
Run Code Online (Sandbox Code Playgroud)

启动器图标(.Png)

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)
Run Code Online (Sandbox Code Playgroud)

操作栏,对话框和选项卡图标

24 × 24 area in 32 × 32 (mdpi)
36 × 36 area in 48 × 48 (hdpi)
48 × 48 area in 64 × 64 (xhdpi)
72 × 72 area in 96 × 96 (xxhdpi)
96 × 96 area in 128 × 128 (xxxhdpi)*
Run Code Online (Sandbox Code Playgroud)

通知图标

22 × 22 area in 24 × 24 (mdpi)
33 × 33 area in 36 × 36 (hdpi)
44 × 44 area in 48 × 48 (xhdpi)
66 × 66 area in 72 × 72 (xxhdpi)
88 × 88 area in 96 × 96 (xxxhdpi)*
Run Code Online (Sandbox Code Playgroud)

小的上下文图标

16 × 16 (mdpi)
24 × 24 (hdpi)
32 × 32 (xhdpi)
48 × 48 (xxhdpi)
64 × 64 (xxxhdpi)*
Run Code Online (Sandbox Code Playgroud)

支持多屏官方网站称,xxxhdpi大小仅由启动器图标所需.


Sur*_*gch 29

自适应图标

从Android 8.0开始,有自适应图标,由两个单独的图层组成.两层均为108 x 108 dp.

在此输入图像描述

(图片改编自Android文档)

尺寸

如果您支持Android 8.0以下的版本,则仍需要包含旧版尺寸(48dp).我为下面的每个分辨率标记了红色的像素大小.

在此输入图像描述

不要手工做

如果你愿意,我想你可以手工制作所有这些,但我必须说我做这些的日子已经结束了.Android Studio 3.0 资产工作室非常出色,可以为您生成所有内容.您所要做的就是提供足够大的前景和背景图像.(我使用1024 x 1024像素图像).

要打开Asset Studio,请转到文件>新建>图像资源.

在此输入图像描述


Gay*_*tti 24

当Android Studio可以为我们生成图标时,无需第三方工具.

  • File- > New- >Image Asset

  • 然后,选择Launcher Icons资产类型:

  • 图像文件选择高分辨率图像:

Android生成启动器图标

  • Next- > Finish生成图标

生成ic laucher图标

如果需要,最后更新android:icon名称字段AndroidManifest.xml.

  • Android Studio似乎在我的图标周围生成额外的填充,尽管我告诉它修剪空白并确保填充滑块一直向左.Android Studio的错误可能还是我错过了一步? (4认同)

Luc*_*aka 9

提供至少512px X 512px图像并使用此工具:https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

它将以正确的大小为您生成所有图标,包括Play商店的Web图像.


小智 7

LDPI应为36 x 36.

MDPI 48 x 48.

TVDPI 64 x 64.

HDPI 72 x 72.

XHDPI 96 x 96.

XXHDPI 144 x 144.

XXXHDPI 192 x 192.


and*_*per 7

根据材料设计指南(此处,在"DP单元网格"下),您的产品图标应为48 dp,填充为1dp,但XXXHDPI的情况除外,其中填充应为4dp.

因此,以像素为单位,大小为:

  • 48×48(mdpi),1 dp填充
  • 72×72(hdpi),1 dp填充
  • 96×96(xhdpi),1 dp填充
  • 144×144(xxhdpi),带有1 dp填充
  • 192×192(xxxhdpi),带有4 dp填充

我建议避免使用VectorDrawable,因为有些发射器不支持它,但我认为WEBP应该没问题,只要你有minSdk支持透明度(API 18及以上 - Android 4.3).

如果您在Play商店发布,那么上传内容的要求(基于此处):

  • 32位PNG(带alpha)
  • 尺寸:512px×512px
  • 最大文件大小:1024KB


sh0*_*mik 6

好吧@MartinVonMartinsgrün提到现在存在更好的工具然后断言android工作室中的生成器

对于应用程序图标(工具栏,ActionBar,DrawableLeft等)使用:http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

对于启动器(应用程序图标)使用:https: //romannurik.github.io/AndroidAssetStudio/icons-launcher.html

但这里有一些技巧和方法来获得更好的图标和启动器图标的分辨率.

步骤1 :

首先转到https://materialdesignicons.com并选择您的图标.或者,如果您的图标分辨率良好,请跳过此步骤.单击所需的图标,然后单击"高级导出",它将打开如下所示的窗口尝试生成尽可能大的图标

然后单击"图标"以生成图标(.png).诀窍是尝试为高分辨率设备生成尽可能大的图标,工具将为小型设备处理所有图标,但如果您使用小图标,在为高端设备生成图标时,您将失去图标分辨率.

第2步 :

然后转到"工具"页面并上传图标在此输入图像描述

如果要为图标着色,请单击"自定义".无论您上传的图标颜色是什么,使用"自定义"都可以生成您想要的任何颜色.然后选择一个名称并单击"下载.ZIP".这将下载.zip文件,其中包含大多数常见分辨率的图标.您可以将res文件夹复制并粘贴到应用程序项目文件夹中,您将在drawable部分中看到该图标.


Ton*_*gan 5

我发布了一个脚本,用于从单个 SVG 图标文件生成 PhoneGap 应用程序的所有平台图标。如果您有现有的位图,我还提供了一些注释,可以帮助您从现有的位图生成 SVG 矢量。这不适用于所有位图,但可能适合您的位图。