Android: tamaño del icono del iniciador


350

Para HDPI, XHDPIetc. ¿Cuál debería ser el tamaño ideal del icono del iniciador? ¿Debería crear 9-Patchimágenes para que el icono se escale automáticamente, o sería mejor crear iconos separados?


99
Usted no crear imágenes 9-parche para los iconos del lanzador. 9 parches son para imágenes (recursos) dentro de la aplicación. @edwoollard ha proporcionado la respuesta correcta. Para obtener más información, visite este enlace aquí: developer.android.com/guide/practices/ui_guidelines/…
Siddharth Lele

Pero solo preguntando por curiosidad, ¿podemos usar 9 parches para el ícono del iniciador?
Mohammad Jafar Mashhadi

Puede obtener diferentes tamaños para los iconos: play.google.com/store/apps/…
Vipul Patel

¿Cómo puedo configurar 2 iconos diferentes: uno para la aplicación de Android, uno para la aplicación Chromebook. ¿Es posible?
Kiem Duong

Respuestas:


705

Crearía imágenes separadas para cada una:

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.

Luego, coloque cada uno de ellos en los tallos separados de la carpeta dibujable.

También debe proporcionar una versión grande de su icono al cargar su aplicación en Google Play Store, y esto debería ser así WEB 512 x 512. Esto es tan grande que Google puede cambiar su tamaño a cualquier tamaño para anunciar su aplicación en Google Play Store y no agregar pixelación a su logotipo.

Básicamente, todos los demás iconos deben estar en proporción con el icono de la 'línea base', 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.

Todo esto se explica en la página de Iconografía del sitio web de Desarrolladores de Android: http://developer.android.com/design/style/iconography.html


3
¿Dónde pones la versión WED?
Mafro34

10
@ Mafro34 ¿Supongo que te refieres a la versión WEB? Cuando finalmente complete su aplicación y la cargue en Google Play Store, le pedirá que cargue un icono de la aplicación 512 x 512. Esto significa que pueden usar el ícono en cualquier parte del sitio web y la aplicación para publicitar su aplicación.
edwoollard

@ Mafro34 Piden 512 x 512 para poder luego escalar el ícono al tamaño que necesiten en las diferentes posiciones de la aplicación y el sitio web, sin causar pixelación.
edwoollard

@edwoollard oops, lo siento, no vi tu última línea (" this is all explained ..."). Lo que tiene es esencialmente una instantánea de sus requisitos (en evolución).
cenizas999

Creé un script que exporta los íconos del iniciador de Android en velara3.com y, según mi investigación, XXHDPI es 180x180, no 144. Vea developer.android.com/guide/practices/screens_support.html. Busque en la página "180x180 (3.0x) para densidad extra-extra alta". Sin embargo, he visto 144 algunos lugares.
1.21 gigavatios

121

No cree imágenes de 9 parches para iconos de iniciador. Tienes que hacer una imagen separada para cada uno.

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)

Nota: la imagen WEB (512 x 512) se usa cuando carga su aplicación de Android en Market.

|| Tamaño de icono de la aplicación de Android ||

Todos los dispositivos

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 no, se refiere al icono que cargue en el Panel de desarrolladores de Google para que los usuarios lo vean en el mercado
Mirko

66
@Ogen: es un buen hábito hacer preguntas, sí, las unidades están en píxeles.
Chirag

¿Es posible proporcionar la versión 192 x 192 en la carpeta mipmap-xxxhdpi y hacer que el sistema la reduzca adecuadamente?
eliasbagley

@eliasbagley: Claro, eso funciona. Pero no es óptimo (de lo contrario, no existiría todo el sistema de carpetas específicas de densidad).
Jonik

98

Los iconos de Android requieren cinco tamaños separados para diferentes densidades de píxeles de pantalla. Los iconos para una resolución más baja se crean automáticamente desde la línea de base.

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)

Iconos del iniciador (.Png)

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

Barra de acción, iconos de diálogo y pestaña

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

Iconos de notificación

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

Pequeños iconos contextuales

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

El tamaño de xxxhdpi solo lo necesita el ícono del iniciador como dice el sitio oficial de Soporte de múltiples pantallas .


1
Gracias por agregar tamaños para varios contextos. ¿Tienes una fuente para esto?
Krøllebølle

¿Dónde está la referencia del tamaño del icono en el sitio de Android?
Mahdi

38

Íconos adaptativos

A partir de Android 8.0, hay iconos adaptativos, que están formados por dos capas separadas. Ambas capas son 108 x 108 dp.

ingrese la descripción de la imagen aquí

(imagen adaptada de la documentación de Android )

Tamaños

Si admite versiones inferiores a Android 8.0, aún debe incluir los tamaños heredados ( 48dp). Marqué los tamaños de píxeles en rojo para cada resolución a continuación.

ingrese la descripción de la imagen aquí

No lo hagas a mano

Supongo que podrías hacer todo eso a mano si quieres, pero debo decir que mis días de hacer eso ya terminaron. Android Studio 3.0 Asset Studio es bastante bueno y los generará todos por usted. Todo lo que tiene que hacer es proporcionar una imagen de primer plano y de fondo lo suficientemente grande. (Usé una imagen de 1024 x 1024 px).

Para abrir Asset Studio, vaya a Archivo> Nuevo> Activo de imagen .

ingrese la descripción de la imagen aquí


¿Los iconos heredados también tendrán que estar en segundo plano?
Desarrollador de Android

@android developer, puede seleccionar "Legacy only" como tipo de ícono si desea generar íconos sin especificar la capa de fondo. Si elige "Adaptativo y heredado", los iconos heredados se generarán fusionando las capas de primer plano y de fondo.
Suragch

La capa de fondo real en sí (como una capa distinta) solo se utilizará en dispositivos Android 8.0+.
Suragch

¿Qué sucede si quiero que el estilo de los iconos adaptativos se use solo desde Android O y los estilos heredados (sin el fondo adicional, incluso si se fusionaron) antes? ¿También es posible evitar el fondo en Android O? No me gustan los iconos del estilo adaptativo ...
desarrollador de Android

Desarrollador @android, solo genera los íconos en dos pasadas. Primero haga "Adaptive and Legacy" y proporcione ambas capas. (Incluso puede especificar no generar los iconos Legacy en este momento, pero no importa). Luego, haga "Legacy only" y elija la imagen que desee (por ejemplo, la imagen de primer plano). Si los iconos Legacy ya se generaron en el primer pase, se sobrescribirán con su nueva imagen (sin fondo) en el segundo pase. Recuerde que siempre puede eliminar cualquiera de estos archivos y reemplazarlos con imágenes que cree a mano.
Suragch

24

No es necesario contar con herramientas de terceros cuando Android Studio puede generar iconos para nosotros.

  • File-> New->Image Asset

  • Luego elija Launcher Iconscomo Tipo de activo:

  • Elija una imagen de alta resolución para el archivo de imagen:

Android Generate Launcher Icons

  • Next-> Finishpara generar iconos

generar iconos de ic laucher

Finalmente actualice el android:iconcampo de nombre AndroidManifest.xmlsi es necesario.


44
Android Studio parece generar un relleno adicional alrededor de mis íconos a pesar de que le dije que recortara los espacios en blanco y me aseguré de que el control deslizante de relleno esté completamente a la izquierda. ¿Tal vez hay un error con Android Studio o me falta un paso?
Zhang

Este método (desafortunadamente) apesta debido al relleno adicional que Android Studio pone en ...
Micro

Haga clic con el botón derecho en la carpeta res y seleccione Nuevo> Activo de imagen. vaya a .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula

9

Proporcione al menos una imagen de 512px X 512px y use esta herramienta: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Generará todos los iconos para usted en el tamaño correcto, incluida la imagen web de Play Store.


Genial pero no genera tamaño ldpi: datos de imagen PNG, 36 x 36, 8 bits / color RGBA, sin entrelazar. Este tamaño se usa en dispositivos que ejecutan Jelly Beans :) ..
Hudson Santos

Cree un nuevo proyecto con Android Studio y verá que ya no hay una carpeta ldpi. Supongo que ya no los necesitas.
LuckyMalaka

7

LDPI debe ser 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.


1
¿Qué proporcionó su respuesta que otros no lo hayan hecho ya? Por favor, no deje pasar las respuestas de los demás por la reputación ... gane usted mismo.
edwoollard

Esto parece una copia exacta + pegar de esta esta respuesta: stackoverflow.com/a/12768159/1974224
Cristik

7

De acuerdo con las pautas de diseño de materiales ( aquí , en "Cuadrícula de unidad DP"), el ícono de su producto debe tener un tamaño de 48 dp, con un relleno de 1dp, excepto en el caso de XXXHDPI, donde el relleno debe ser de 4dp.

Entonces, en píxeles, los tamaños son:

  • 48 × 48 (mdpi), con relleno de 1 dp
  • 72 × 72 (hdpi), con relleno de 1 dp
  • 96 × 96 (xhdpi), con relleno de 1 dp
  • 144 × 144 (xxhdpi), con relleno de 1 dp
  • 192 × 192 (xxxhdpi), con relleno de 4 dp

Recomiendo evitar el uso de VectorDrawable ya que algunos lanzadores no lo admiten, pero creo que WEBP debería estar bien siempre que tenga su transparencia de soporte minSdk para ellos (API 18 y superior - Android 4.3).

Si publica en Play Store, el requisito de qué cargar allí son (según aquí ):

  • PNG de 32 bits (con alfa)
  • Dimensiones: 512 px por 512 px
  • Tamaño máximo de archivo: 1024 KB

6

Bueno, como mencionó @ MartinVonMartinsgrün Ahora existe una herramienta mejor que el generador de afirmaciones en el estudio de Android

Para el ícono de la aplicación (Barra de herramientas, Barra de acción, DrawableLeft, etc.) Use: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Para el lanzador (icono de la aplicación) Uso: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Pero aquí hay algunos trucos y formas de obtener la mejor resolución para los íconos y los íconos del iniciador.

Paso 1 :

Primero vaya a https://materialdesignicons.com y elija su icono. O si tiene su icono en buena resolución, omita este paso. Haga clic en el icono deseado y haga clic en "Exportación avanzada", se abrirá una ventana como esta a continuaciónIntenta generar el ícono más grande posible

Luego haga clic en el "Icono" para generar el icono (.png). Bueno, el truco es tratar de generar un ícono tan grande como sea posible para dispositivos de alta resolución y las herramientas lo manejarán todo para dispositivos pequeños, pero si usa un ícono pequeño, al generar el ícono para dispositivos de alta gama perderá la resolución del ícono.

Paso 2 :

Luego vaya a la página Herramientas y cargue el iconoingrese la descripción de la imagen aquí

Haga clic en "Personalizado" si desea colorear su icono. No importa qué color de icono esté cargando, al usar Personalizado puede generar el color que desee. Luego elija un nombre y haga clic en "Descargar .ZIP". Esto descargará el archivo .zip con el ícono para la mayoría de las resoluciones comunes. Puede copiar y pegar la carpeta res en la carpeta del proyecto de su aplicación y verá el icono en la sección dibujable.


4

Publiqué un script para generar todos los íconos de la plataforma para aplicaciones PhoneGap desde un solo archivo de ícono SVG. Si tiene mapas de bits existentes, también incluyo algunas notas que pueden ayudarlo a generar los vectores SVG a partir de un mapa de bits existente. Esto no funcionará para todos los mapas de bits, pero puede funcionar para los suyos.


Lo desarrollo en Sencha Touch, por lo que también incluye código para generar iconos para Sencha. Es fácil eliminar esto y adaptarse a sus necesidades. Valoro alguna contribución para ayudar a generar pantallas de inicio
Tony O'Hagan

Jaja ... Acabo de hacer esto en un script zsh. Bueno, maldita sea.
dylnmc

El marco icónico también incluye un generador de imágenes para pantallas de bienvenida e íconos de aplicaciones
Tony O'Hagan

2

Tuve el mismo problema, pero luego me di cuenta de que la disposición de mi gráfico de icono dentro del cuadrado permitido (512 x 512 en mi caso) no estaba maximizada. Así que roté la imagen y pude escalarla para llenar mejor las esquinas. A continuación, hace clic derecho en mi rescarpeta en mi proyecto en Android de estudio, a continuación, elija Newa continuación Image Asset, me llevó a través de un asistente, donde llegué a seleccionar mi archivo de imagen para su uso. Luego, si marca la casilla que dice "Recortar el espacio en blanco circundante", se asegura de que todos los bordes, que pueden, toquen los lados de su cuadrado. Estos pasos lo hicieron mucho más grande que el original.


1

Imagen de lanzamiento y tamaño de imagen de barra para el envío de la aplicación Google Play Store

  1. Icono de alta resolución. PFB la tabla para los tamaños requeridos PNG de 32 bits (con alfa), Dimensiones: 512 px por 512 px, Tamaño máximo de archivo: 1024 KB

Icono de inicio requerido y tamaño de imagen de bienvenida

  1. Se requieren al menos 2 capturas de pantalla en general (máximo 8 capturas de pantalla por tipo, los tipos incluyen "Teléfono", "tableta de 7 pulgadas" y "tableta de 10 pulgadas"). JPEG o PNG de 24 bits (sin alfa), Dimensión mínima: 320px , Dimensión máxima: 3840 px, Tamaños de muestra: 320 x 480, 480 x 800, 480 x 854,1280 x 720, 1280 x 800 PNG o JPEG de 24 bits

0

Puede crear iconos directamente en el estudio de Android. Los pasos que debe seguir son:

1.Haga clic derecho en Res-> Nuevo-> Imagen activo

2.Cambie el tipo de activo a la imagen.

3. Cargue la imagen desde el disco local

4.Tiene opciones para recortar, cambiar el relleno y agregar fondo también. Cambie los valores si es necesario.

5. Haga clic en Siguiente-> Finalizar.

La imagen se agregará automáticamente a mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi si selecciona el icono del iniciador o drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable- xxxhdpi si selecciona otros íconos optins.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.