Android-启动器图标大小


349

对于HDPIXHDPI等等。启动器图标的理想尺寸是多少?我是否必须创建9-Patch图像以使图标自动缩放,还是最好创建单独的图标?


9
不会为启动器图标创建9个补丁的图像。9补丁用于应用程序中的图像(资源)。@edwoollard提供了正确的答案。欲了解更多信息,请通过此链接在这里:developer.android.com/guide/practices/ui_guidelines/...
亚洲时报Siddharth乐乐

但是只是出于好奇,我们是否可以使用9个补丁来启动图标?
Mohammad Jafar Mashhadi 2014年

:你可以得到不同的图标大小 play.google.com/store/apps/...
VIPUL帕特尔

如何设置2个不同的图标:一个用于android应用,一个用于Chromebook应用。可能吗?
Kiem Duong

Answers:


705

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

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.

然后将它们分别放在drawable文件夹的单独茎中。

将应用程序上载到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.

这一切都在Android开发者网站的“图片”页面上进行了说明:http//developer.android.com/design/style/iconography.html


3
您将WED版本放在哪里?
Mafro34 2013年

10
@ Mafro34我想您是说Web版本?当您最终完成应用程序并将其上传到Google Play商店时,它将要求您上传512 x 512应用程序图标。这意味着他们可以随后在网站和应用程序周围的任何地方使用该图标,以宣传您的应用程序。
edwoollard 2013年

@ Mafro34他们要求512 x 512,以便可以在应用程序和网站的不同位置上将图标缩小到所需的大小,而不会引起像素化。
edwoollard 2014年

@edwoollard糟糕,抱歉,我没有看到您的最后一行(“this is all explained ... ”)。本质上,您所拥有的只是他们(不断发展的)需求的快照。
ashes999 2014年

我创建了一个脚本,用于在velara3.com上导出Android启动器图标,根据我的研究,XXHDPI是180x180而不是144。请参阅developer.android.com/guide/practices/screens_support.html。在页面上搜索“ 180x180(3.0x)以获取超高密度”。但是,我已经在144个地方看到过。
2015年

121

不要为启动器图标创建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)

注意:当您在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)

2
@ RED​​.Skull不,他的意思是您上传到Google Developer Dashboard上的图标供用户在市场上查看
Mirko 2014年

6
@Ogen-问问题的好习惯,是的,单位是像素。
希拉格2015年

是否可以在mipmap-xxxhdpi文件夹中仅提供192 x 192版本,并让系统适当缩小它?
eliasbagley '16

@eliasbagley:当然可以。但这不是最佳选择(否则将不存在特定于密度的文件夹的整个系统)。
约尼克

97

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)

启动器图标(.Png)

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)

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

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)*

通知图标

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)*

小上下文图标

16 × 16 (mdpi)
24 × 24 (hdpi)
32 × 32 (xhdpi)
48 × 48 (xxhdpi)
64 × 64 (xxxhdpi)*

支持多个屏幕官方网站上说,仅启动器图标所需的xxxhdpi大小。


1
感谢您为各种情况添加尺寸。你有这个来源吗?
Krøllebølle

android网站中图标大小的引用在哪里?
马赫迪

38

自适应图标

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

在此处输入图片说明

(图片摘自Android文档

尺码

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

在此处输入图片说明

不要用手做

我想如果需要的话,您可以手工制作所有这些,但是我必须说,我的工作已经结束。Android Studio 3.0 Asset Studio非常出色,可以为您生成所有这些。您要做的就是提供足够大的前景和背景图像。(我使用的是1024 x 1024像素的图片)。

要打开Asset Studio,请转到“ 文件”>“新建”>“图像资产”

在此处输入图片说明


遗留图标也必须要有背景吗?
Android开发人员

@android开发人员,如果要生成图标而不指定背景层,则可以选择“仅旧版”作为图标类型。如果选择“自适应和旧版”,则将合并前景和背景图层来生成旧版图标。
Suragch

实际的背景层本身(作为单独的层)将仅在Android 8.0+设备上使用。
Suragch

如果我希望自适应图标样式仅在Android O上使用,而以前的样式(即使有合并,也无需额外的背景)才能使用?是否还可以避免Android O的背景?我不喜欢自适应图标样式...
android开发人员

@android开发人员,只需两步即可生成图标。首先执行“自适应和传统”并提供这两个层次。(您甚至可以指定此时不生成“旧版”图标,但这无关紧要。)然后执行“仅旧版”并选择所需的任何图像(例如,前景图像)。如果“旧版”图标已在第一遍生成,则第二遍将被您的新(无背景)图像覆盖。请记住,您始终可以删除这些文件中的任何一个,并用您手动创建的图像替换它们。
Suragch

24

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

  • File-> New->Image Asset

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

  • 图像文件选择一个高分辨率图像

Android生成启动器图标

  • Next-> Finish生成图标

生成ic laucher图标

最后根据需要更新android:icon名称字段AndroidManifest.xml


4
Android Studio似乎在我的图标周围生成了额外的填充,尽管我已告知它修剪空白并确保填充滑块一直在左侧。Android Studio的错误可能还是我错过了一步?

这种方法(不幸的是)很烂,因为Android Studio加上了额外的填充...
Micro

右键单击res文件夹,然后选择“新建”>“图像资产”。前往...。developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula

9

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

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


很酷,但是不会产生ldpi大小:PNG图像数据,36 x 36、8位/彩色RGBA,非隔行扫描。这个尺寸上运行糖豆:) ..设备上使用
哈德森桑托斯

使用Android Studio创建一个新项目,您将看到不再有ldpi文件夹。我认为您不再需要它们了。
LuckyMalaka '16


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,因为某些启动器不支持VectorDrawable,但我认为WEBP应该可以,只要您对它们具有minSdk支持透明性(API 18及更高版本-Android 4.3)即可。

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

  • 32位PNG(带有Alpha)
  • 尺寸:512像素x 512像素
  • 档案大小上限:1024KB

6

就像@MartinVonMartinsgrün提到的那样,现在存在更好的工具,然后在android studio中声明生成器

对于应用程序图标(工具栏,ActionBar,DrawableLeft等),请使用: http

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

但是,这里有一些技巧和方法可以使图标和启动器图标获得更好的分辨率。

步骤1 :

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

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

第2步 :

然后转到“工具”页面并上传图标在此处输入图片说明

如果要给图标着色,请单击“自定义”。无论您要上载哪种颜色的图标,都可以使用“自定义”生成所需的任何颜色。然后选择一个名称,然后单击“下载.ZIP”。这将下载带有大多数常用分辨率图标的.zip文件。您可以将res文件夹复制并粘贴到应用程序项目文件夹中,您将在drawable部分中看到该图标。


4

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


我在Sencha Touch中进行开发,因此它还包含为Sencha生成图标的代码。很容易删除它并适应您的需求。我非常重视有助于生成启动屏幕的内容
Tony O'Hagan 2014年

哈哈...我只是在zsh脚本中做到了这一点。好吧,该死。
dylnmc

标志性框架还包括用于启动屏幕和应用程序图标的图像生成器
Tony O'Hagan

2

我遇到了同样的问题,但后来意识到我的图标图形在允许的正方形内(在我的情况下为512 x 512)的排列没有最大化。因此,我旋转了图像,并能够将其放大以更好地填充角落。然后,我右键单击resAndroid Studio中项目中的文件夹,然后选择Newthen Image Asset,这使我完成了一个向导,在其中可以选择要使用的图像文件。然后,如果选中“边缘周围空白区域”复选框,则确保所有边缘都能够接触正方形的边。这些步骤使其比原始步骤大得多。


1

启动图像和斜杠图像大小以提交Google Play商店应用

  1. 高分辨率图标。PFB表格以获取所需大小的32位PNG(带alpha),尺寸:512px x 512px,最大文件大小:1024KB

所需的启动图标和启动图像大小

  1. 总体上至少需要2张屏幕截图(每种类型最多8张屏幕截图,类型包括“电话”,“ 7英寸平板电脑”和“ 10英寸平板电脑”。)JPEG或24位PNG(无Alpha),最小尺寸:320像素,最大尺寸:3840px,样本尺寸:320 x 480、480 x 800、480 x 854,1280 x 720、1280 x 800 24位PNG或JPEG

0

您可以直接在android studio本身中创建图标。您需要遵循的步骤是:

1.右键单击Res-> New-> Image资产

2.更改资产类型以进行映像。

3.从本地磁盘加载映像

4.您可以选择修剪,更改填充和添加背景。如果需要,可以更改值。

5.单击下一步->完成。

如果您选择启动器图标或drawer-mdpi,drawable-hdpi,drawable-xhdpi,drawable-xxhdpi,drawable-如果您选择其他图标选项,则为xxxhdpi。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.