【问题标题】:Android - Launcher Icon SizeAndroid - 启动器图标大小
【发布时间】:2012-09-27 21:37:41
【问题描述】:

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

【问题讨论】:

  • 不要为启动器图标创建 9-patch 图像。 9-patch 用于应用程序中的图像(资源)。 @edwoollard 提供了正确的答案。欲了解更多信息,请点击此处的链接:developer.android.com/guide/practices/ui_guidelines/…
  • 但是出于好奇,我们可以使用 9-patches 作为启动器图标吗?
  • 您可以获得不同大小的图标:play.google.com/store/apps/…
  • 如何设置 2 个不同的图标:一个用于 android 应用程序,一个用于 Chromebook 应用程序。有可能吗?

标签: android android-icons


【解决方案1】:

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

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.

然后将它们中的每一个放在可绘制文件夹的单独茎中。

在将您的应用上传到 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 开发者网站的 Iconography 页面上进行了解释: http://developer.android.com/design/style/iconography.html

【讨论】:

  • 你把 WED 版本放在哪里?
  • @Mafro34 我猜你的意思是WEB版本?当您最终完成您的应用并将其上传到 Google Play 商店时,它会要求您上传一个 512 x 512 的应用图标。这意味着他们可以在网站和应用程序周围的任何地方使用该图标来宣传您的应用程序。
  • @Mafro34 他们要求 512 x 512 以便他们可以在应用程序和网站的不同位置将图标缩小到他们需要的任何大小,而不会导致像素化。
  • @edwoollard 哎呀,对不起,我没有看到你的最后一行(“this is all explained ...”)。您所拥有的基本上是他们(不断发展的)需求的快照。
  • 我在 velara3.com 创建了一个导出 Android 启动器图标的脚本,根据我的研究,XXHDPI 是 180x180 而不是 144。请参阅 developer.android.com/guide/practices/screens_support.html。在页面上搜索“180x180 (3.0x) for extra-extra-high-density”。但是,我在几个地方见过 144 个。
【解决方案2】:

不要为启动器图标创建 9-patch 图像。您必须为每个图像制作单独的图像。

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 应用程序图标大小 ||

所有设备

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)

【讨论】:

  • @RED.Skull 不,他是指您上传到 Google Developer Dashboard 以供用户在市场上查看的图标
  • @Ogen - 提问是个好习惯,是的,单位是像素。
  • 是否可以只在 mipmap-xxxhdpi 文件夹中提供 192 x 192 的版本并让系统适当缩小?
  • @eliasbagley:当然可以。但这不是最优的(否则整个密度特定文件夹系统将不存在)。
【解决方案3】:

对于不同的屏幕像素密度,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)*

正如Supporting multiple Screens官方网站所说,只有启动器图标需要的xxxhdpi大小。

【讨论】:

  • 感谢您为各种环境添加尺寸。你有这方面的资料吗?
  • android网站图标大小的参考在哪里?
【解决方案4】:

自适应图标

从 Android 8.0 开始,有自适应图标,它们由两个独立的层组成。两层都是 108 x 108 dp。

(图片改编自Android documentation

尺寸

如果您支持低于 Android 8.0 的版本,您仍需要包含旧尺寸 (48dp)。我用红色标记了下面每种分辨率的像素大小。

不要手动操作

如果你愿意,我想你可以手工制作所有这些,但我不得不说我这样做的日子已经结束了。 Android Studio 3.0 Asset Studio 非常好,会为你生成它们。您所要做的就是提供足够大的前景和背景图像。 (我使用了 1024 x 1024 像素的图片)。

要打开 Asset Studio,请转到 File > New > Image Asset

【讨论】:

  • 旧图标也必须有背景吗?
  • @android开发者,如果你想生成图标而不指定背景层,你可以选择“Legacy only”作为图标类型。如果选择“Adaptive and Legacy”,则会通过合并前景层和背景层来生成旧版图标。
  • 实际的背景层本身(作为一个不同的层)只会在 Android 8.0+ 设备上使用。
  • 如果我希望仅在 Android O 中使用自适应图标样式,而之前的旧样式(没有额外背景,即使合并)怎么办?是否也可以避免 Android O 上的背景?我不喜欢自适应图标样式...
  • @android 开发者,只需两次生成图标。首先做“自适应和传统”并提供两个层。 (您甚至可以指定此时不生成旧版图标,但这没关系。)然后执行“仅旧版”并选择您想要的任何图像(例如,前景图像)。如果旧版图标已在第一遍中生成,它们将在第二遍中被您的新(无背景)图像覆盖。请记住,您可以随时删除这些文件中的任何一个并将其替换为您手动创建的图像。
【解决方案5】:

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

  • File -> New -> Image Asset

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

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

  • Next -> Finish 生成图标

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

【讨论】:

  • Android Studio 似乎在我的图标周围生成了额外的填充,尽管我已经告诉它修剪空格并确保填充滑块一直向左。可能是 Android Studio 的一个错误,还是我错过了一步?
  • 这种方法(不幸的是)很糟糕,因为 Android Studio 放入了额外的填充......
  • 右键单击 res 文件夹并选择 New > Image Asset。转到..developer.android.com/studio/write/image-asset-studio.html
【解决方案6】:

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

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

【讨论】:

  • 酷,但它不生成 ldpi 大小:PNG 图像数据,36 x 36,8 位/彩色 RGBA,非隔行扫描。此尺寸用于运行 Jelly Beans 的设备 :)..
  • 用 Android Studio 创建一个新项目,你会看到没有 ldpi 文件夹了。我会假设你不再需要它们了。
【解决方案7】:

根据材料设计指南(here,在“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,因为某些启动器不支持它,但我认为只要你的 minSdk 支持它们的透明度(API 18 及更高版本 - Android 4.3),WEBP 应该没问题。

如果您在 Play Store 上发布,上传内容的要求(基于here):

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

【讨论】:

    【解决方案8】:

    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。

    【讨论】:

    • 您的回答提供了哪些其他人尚未提供的内容?请不要为了名誉而从别人的答案中汲取...自己赚取。
    • 这看起来像是来自这个答案的精确复制+粘贴:stackoverflow.com/a/12768159/1974224
    【解决方案9】:

    正如@MartinVonMartinsgrün 提到的,现在存在更好的工具,然后在 android studio 中断言生成器

    对于应用程序图标(Toolbar、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 文件夹复制并粘贴到您的应用程序项目文件夹中,您将在可绘制部分中看到图标。

    【讨论】:

      【解决方案10】:

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

      【讨论】:

      • 我在 Sencha Touch 中开发,所以它还包含为 Sencha 生成图标的代码。删除它并适应您的需求很容易。我会重视一些有助于生成启动屏幕的贡献
      • 哈哈...我只是在 zsh 脚本中执行了此操作。好吧,该死的。
      • Iconic framework 还包括一个用于启动画面和应用程序图标的image generator
      【解决方案11】:

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

      【讨论】:

        【解决方案12】:

        用于 Google Play 商店应用提交的启动图像和斜线图像大小

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

        Required Launch Icon And Splash Image size

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

        【讨论】:

          【解决方案13】:

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

          1.右键Res->New->图片资源

          2.将资产类型更改为图像。

          3.从本地磁盘加载镜像

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

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

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

          【讨论】:

            猜你喜欢
            • 2013-09-09
            • 2015-07-08
            • 1970-01-01
            • 2014-12-04
            • 2012-11-07
            • 1970-01-01
            • 2013-01-08
            • 1970-01-01
            • 2012-04-29
            相关资源
            最近更新 更多