Android - Размер иконки запуска


350

Для HDPI, XHDPIи т.д. , что должно быть идеальный размер значка программы запуска? Нужно ли создавать 9-Patchизображения для автоматического масштабирования значка или лучше создавать отдельные значки?


9
Вы не создаете 9-патч-изображения для иконок запуска. 9-патч для изображений (ресурсов) в приложении. @edwoollard предоставил правильный ответ. Для получения дополнительной информации перейдите по этой ссылке здесь: developer.android.com/guide/practices/ui_guidelines/…
Сиддхарт Леле

Но просто из любопытства, можем ли мы использовать 9-патчи для иконки запуска?
Мухаммед Джафар Машхади

Вы можете получить различный размер для иконок: play.google.com/store/apps/...
Vipul Patel

Как я могу установить 2 разных иконки: один для приложения Android, другой для приложения Chromebook. Является ли это возможным?
Кием Дуонг

Ответы:


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.

Затем просто поместите каждый из них в отдельные стебли папки для рисования.

Вы также должны предоставить большую версию своего значка при загрузке приложения в Google Play Store, и это должно быть 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

10
@ Mafro34 Полагаю, вы имеете в виду WEB-версию? Когда вы, наконец, заполните свое приложение и загрузите его в Google Play Store, вам будет предложено загрузить значок приложения 512 x 512. Это означает, что они могут использовать значок в любом месте на веб-сайте и в приложении для рекламы вашего приложения.
Edwoollard

@ Mafro34 Они просят 512 x 512, чтобы затем они могли масштабировать значок до нужного размера в разных позициях приложения и веб-сайта, не вызывая пикселизации.
Edwoollard

@edwoollard Упс, извините, я не видел вашу последнюю строку (" this is all explained ..."). То, что у вас есть, по сути является снимком их (развивающихся) требований.
ashes999

Я создал скрипт, который экспортирует значки запуска Android на velara3.com, и по моим исследованиям значение XXHDPI составляет 180x180, а не 144. См. Developer.android.com/guide/practices/screens_support.html. Найдите на странице «180x180 (3.0x) для сверх-сверх-высокой плотности». Тем не менее, я видел 144 несколько мест.
1.21 гигаватт

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)

Примечание. Изображение WEB (512 x 512) используется при загрузке приложения Android на Market.

|| Размер иконки приложения для 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)

2
@ RED.Skull нет, он имеет в виду значок, который вы загружаете на панель инструментов разработчика Google для просмотра на рынке пользователями
Мирко,

6
@ Ogen - это хорошая привычка задавать вопросы, да, единицы измерения в пикселях.
Чираг

Можно ли просто предоставить версию 192 x 192 в папке mipmap-xxxhdpi, и система соответствующим образом уменьшит ее?
eliasbagley

@eliasbagley: Конечно, это работает. Но это не оптимально (иначе вся система папок, специфичных для плотности, не существовала бы).
Джоник

98

Значки 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 необходим только значку запуска, как сказано на официальном сайте Supporting Multiss .


1
Спасибо за добавление размеров для различных контекстов. У вас есть источник для этого?
Krøllebølle

где ссылка на размер значка на сайте Android?
Махди

39

Адаптивные иконки

Начиная с Android 8.0 есть адаптивные иконки, которые состоят из двух отдельных слоев. Оба слоя имеют размер 108 x 108 dp.

введите описание изображения здесь

(изображение адаптировано из документации Android )

Размеры

Если вы поддерживаете версии ниже Android 8.0, вам все равно нужно включить устаревшие размеры ( 48dp). Я пометил размеры пикселей красным для каждого разрешения ниже.

введите описание изображения здесь

Не делай этого вручную

Я полагаю, вы могли бы сделать все это вручную, если хотите, но я должен сказать, что мои дни работы прошли. Android Studio 3.0 Asset Studio довольно хорош и сгенерирует их все для вас. Все, что вам нужно сделать, это предоставить достаточно большой передний план и фоновое изображение. (Я использовал изображение 1024 x 1024 px).

Чтобы открыть Asset Studio, выберите «Файл»> «Создать»> «Актив изображения» .

введите описание изображения здесь


Будут ли старые иконки тоже иметь фон?
разработчик Android

@android developer, вы можете выбрать «Legacy only» в качестве типа иконки, если вы хотите создавать иконки без указания фонового слоя. Если вы выберете «Адаптивный и Наследственный», старые значки будут созданы путем объединения переднего и фонового слоев.
Сурагч,

Сам фактический фоновый слой (как отдельный слой) будет использоваться только на устройствах Android 8.0+.
Сурагч,

Что если я хочу, чтобы стиль адаптивных значков использовался только в Android O, а прежние стили (без дополнительного фона, даже если объединены) были включены ранее? Можно ли избежать фона на Android O? Мне не нравится стиль адаптивных иконок ...
разработчик Android

@android developer, просто сгенерируйте иконки в два прохода. Сначала выполните «Adaptive and Legacy» и предоставьте оба слоя. (Вы даже можете указать не создавать иконки Legacy на этом этапе, но это не имеет значения.) Затем выполните «Только Legacy» и выберите любое изображение, которое вы хотите (например, изображение на переднем плане). Если значки Legacy уже были созданы в первом проходе, они будут перезаписаны вашим новым (без фона) изображением во втором проходе. Помните, что вы всегда можете удалить любой из этих файлов и заменить их изображениями, которые вы создаете вручную.
Сурагч,

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
Варуна Манджула

9

Укажите не менее 512 пикселей X 512 пикселей и используйте этот инструмент: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Он сгенерирует все иконки для вас в правильном размере, включая веб-изображение для игрового магазина.


Круто, но он не генерирует размер ldpi: данные изображения PNG, 36 x 36, 8-битный / цветной RGBA, не чересстрочный. Этот размер используется на устройствах под управлением Jelly Beans :) ..
Hudson Santos

Создайте новый проект с Android Studio, и вы увидите, что папка ldpi больше не существует. Я предполагаю, что они вам больше не нужны.
LuckyMalaka

7

LDPI должен быть 36 х 36.

MDPI 48 х 48.

TVDPI 64 х 64.

HDPI 72 х 72.

XHDPI 96 х 96.

XXHDPI 144 х 144.

XXXHDPI 192 х 192.


1
Что сказал твой ответ, чего еще нет у других? Пожалуйста, не обращайте внимания на ответы других людей за репутацию ... зарабатывайте сами.
Edwoollard

Это выглядит как точная копия + вставка из этого ответа: stackoverflow.com/a/12768159/1974224
Cristik

7

В соответствии с рекомендациями по проектированию материалов ( здесь , в разделе «Сетка единиц DP»), значок вашего продукта должен иметь размер 48 dp с отступом 1 dp, за исключением случая XXXHDPI, где отступ должен быть 4 dp.

Итак, в пикселях размеры:

  • 48 × 48 (т / д), с отступом 1 дп
  • 72 × 72 (hdpi), с отступом 1 дп
  • 96 × 96 (xhdpi), с отступом 1 дп
  • 144 × 144 (xxhdpi), с отступом 1 дп
  • 192 × 192 (xxxhdpi), с отступом 4 dp

Я рекомендую избегать использования VectorDrawable, так как некоторые программы запуска не поддерживают его, но я думаю, что WEBP должен быть в порядке, если у вас есть прозрачность поддержки minSdk для них (API 18 и выше - Android 4.3).

Если вы публикуете в Play Store, требования к тому, что загружать, существуют (на основе здесь ):

  • 32-битный PNG (с альфа-каналом)
  • Размеры: 512 на 512 пикселей
  • Максимальный размер файла: 1024 КБ

6

Ну, как упомянул @ MartinVonMartinsgrün. Теперь есть лучшие инструменты, чем генератор утверждений в андроид студии.

Для значка приложения (Панель инструментов, Панель действий, DrawableLeft и т. Д.) Используйте: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Для запуска (значок приложения) Используйте: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Но вот несколько хитростей и способов получить лучшее разрешение для иконок и иконок запуска.

Шаг 1 :

Сначала перейдите на https://materialdesignicons.com и выберите свою иконку. Или, если у вас есть значок в хорошем разрешении, пропустите этот шаг. Нажмите на нужный значок и нажмите «Расширенный экспорт», откроется окно, подобное этому нижеПопробуйте создать как можно большую иконку

Затем нажмите «Значок», чтобы создать значок (.png). Хитрость заключается в том, чтобы попытаться создать как можно большую иконку для устройств с высоким разрешением, и инструменты будут обрабатывать все это для небольших устройств, но если вы используете маленькую иконку, то при создании иконки для устройств высокого класса вы потеряете разрешение.

Шаг 2 :

Затем перейдите на страницу «Инструменты» и загрузите иконкувведите описание изображения здесь

Нажмите «Пользовательский», если вы хотите покрасить свой значок. Независимо от того, какой цвет значка вы загружаете, с помощью Custom вы можете создать любой цвет, который вы хотите. Затем выберите имя и нажмите «Скачать .ZIP». Это загрузит ZIP-файл со значком для большинства распространенных разрешений. Вы можете скопировать и вставить папку res в папку проекта вашего приложения, и вы увидите значок в разделе для рисования.


4

Я опубликовал скрипт для генерации всех значков платформы для приложений PhoneGap из одного файла значков SVG. Если у вас есть существующие растровые изображения, я также включу некоторые примечания, которые могут помочь вам генерировать векторы SVG из существующего растрового изображения. Это не будет работать для всех растровых изображений, но может для вас.


Я разрабатываю в Sencha Touch, поэтому он также включает в себя код для создания иконок для Sencha. Это легко удалить и адаптировать к вашим потребностям. Я хотел бы внести свой вклад в создание стартовых экранов
Тони О'Хаган

Хаха ... Я только что сделал это в сценарии zsh. Ну, черт возьми.
dylnmc

Iconic Framework также включает в себя генератор изображений для экранов Splash и значков приложений
Tony O'Hagan

2

У меня была та же проблема, но затем я понял, что расположение моей графической иконки в пределах допустимого квадрата (512 x 512 в моем случае) не было максимально увеличено. Поэтому я повернул изображение и смог увеличить его, чтобы лучше заполнить углы. Тогда я сразу же нажал на моей resпапке в моем проекте в Android Studio, а затем выбрать Newто Image Asset, что взял меня через мастера , где я получил , чтобы выбрать свой файл изображения для использования. Затем, если вы установите флажок «Обрезать пустое пространство», убедитесь, что все края, которые могут, касаются сторон вашего квадрата. Эти шаги получили намного больше, чем оригинал.


1

Запустите изображение и размер изображения Slash для отправки в приложение Google Play Store

  1. Значок высокого разрешения. PFB таблица для необходимых размеров 32-битный PNG (с альфа-каналом), Размеры: 512px на 512px, Максимальный размер файла: 1024KB

Требуемый значок запуска и размер заставки

  1. Всего требуется минимум 2 скриншота (максимум 8 скриншотов для каждого типа, типы включают «Телефон», «7-дюймовый планшет» и «10-дюймовый планшет»). JPEG или 24-битный PNG (без альфа-канала), минимальный размер: 320 пикселей , Максимальный размер: 3840 пикселей, размеры выборки: 320 x 480, 480 x 800, 480 x 854, 1280 x 720, 1280 x 800, 24-битный PNG или JPEG

0

Вы можете создавать иконки непосредственно в самой студии android. Шаги, которые вы должны выполнить:

1. Щелкните правой кнопкой мыши Res-> New-> Image asset.

2.Измените тип актива на изображение.

3. Загрузите образ с локального диска

4. У вас есть опции для обрезки, изменения отступов и добавления фона. Измените значения, если вам нужно.

5. нажмите Далее-> Готово.

Изображение будет автоматически добавлено в mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi, если выбрать значок запуска или drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable- XXXHDPI, если вы выбираете другой значок optins.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.