Как лучше всего создать иконку для приложения? Из Visual Studio или, может быть, из какой-то другой программы. Я создаю значок в Visual Studio и использую его в качестве значка приложения, но когда…

Я создаю приложение WPF, поэтому в основном работаю с классом ImageSource для иконок. Однако значок в системном трее должен иметь тип System.Drawing.Icon . Можно ли создать такой объект из…

Я начал проект Android, используя значок по умолчанию ( ic_launcher ), используя Android Studio. Но теперь я хочу изменить значок на что-то другое. Я попытался заменить все ic_launcher.png s в…

Я использую пользовательский шрифт с именем AwesomeFont в приложении Android. Это поможет нам создать масштабируемую векторную иконку. Теперь файл шрифта наносится на представление (как TextView,…

У меня есть приложение с minSdkVersion=21, которое теперь использует векторную рисовку в качестве значка запуска. Google Play отклоняет приложение с помощью You need to check the icon inside your…

Можно ли сделать Android Studio строить не на проверку ошибок-нибудь вкусненькое ? У меня есть проблемы с ImageViews, когда я конвертирую иконку из .png в векторную рисованную .xml Иногда я забывал…

Я пытаюсь создать новый значок запуска для своего проекта android. Я беру png icon 512×512 и через Android Studio конвертирую его в новый — >Image Asset — >(Launcher Icons Adaptive and legacy). Он…

Мне нужен способ изменить размер значка png внутри Android Studio, чтобы я не изменял его размер из внешнего источника. Пожалуйста, обратите внимание,что я не говорю о коде. Я хочу изменить размер…

Изображение PNG должно использоваться в качестве значка переднего плана, а фон должен быть полностью прозрачным. Используя Android Studio > New Image Asset > Configure Image Asset dialog в…

Моя задача состоит в том, чтобы изменить цвет значка изображения значка в Mapbox. Единственный способ mapbox разрешить это сделать-использовать sdf-иконки(. ..

11 бесплатных наборов иконок для приложений

Иконки являются компонентами дизайна, без которых вы не можете обойтись. Иногда трудно найти хорошие мобильные наборы значков, и вот мой список 11 бесплатных мобильных пакетов иконок, которые я нахожу особенно полезными. Есть еще много пакетов, которые я не включила в эту статью, но этот список представляет собой хорошую коллекцию для панели инструментов каждого дизайнера.

1. A General Vector Pack

Независимо от того, для какой мобильной операционной системы вы создаете дизайн, вам всегда будут нужны базовые образы телефонов и других мобильных устройств. Этот пакет иконок содержит множество подобных образов. Это общий пакет векторных иконок телефонов (мобильных и стационарных), планшетников, телефонных трубок и других предметов, связанных с мобильными звонками и мобильным использованием.

Иконки – черно-белые, но, так как это векторный пакет, вы всегда можете добавить больше цвета и/или изменить размеры значков, если хотите.

2. Flat Phone Vector Icons

Если вам нужно больше иконок телефонов и вы предпочитаете плоские иконки, оцените эти телефонные иконки. Этот упорядоченный пакет содержит около 200 плоских иконок телефонов и других элементов, связанных с мобильными устройствами. Опять же, пакет черно-белый, но у него векторная основа, поэтому будет нетрудно изменить цвета и/или размер значков. Вы можете скачать либо весь пакет, или только те иконки, которые вам нужны.

3. A Huge Megapack of iPhone, iOS7, Android and Windows 8 Icons

Этот огромный мега пакет из 10000 иконок для Android, iPhone, iOS7 и Windows8, вероятно, один из лучших ресурсов, которые можно найти в интернете, и он бесплатен как для личного, так и для коммерческого использования. Когда вы загрузите его, все остальные пакеты могут стать бесполезными, так как он содержит много полезных иконок.

10000 иконок iPhone, Android, Windows8 и IOS приложений – разных размеров, например, 20 × 20, 30 × 30, 60 × 60, 114 × 114, 512 × 512 и больше. Они также оснащены дополнениями и исходными файлами. Несомненно, каждый мобильный дизайнер должен иметь этот мега пакет. Помимо этого бесплатного пакета, авторы предлагают платную версию с более чем 80 000 иконок.

4. Mixed Android Icons and More

По сравнению с предыдущим пакетом, это набор иконок не так внушителен, но все же имеет хорошие иконки для Android которые вы можете использовать в своих личных и коммерческих проектах. Это пакет из смешанных иконок для Android – иконки устройств, общих предметов, основных элементов пользовательского интерфейса и т.д.

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

5. Another Mixed Android Icons Pack

Этот набор иконок также для Android, но иконки отличаются от других пакетов. Это относительно небольшой пакет из примерно 30 иконок, но он полезен, потому что он содержит значки популярных приложений и сайтов, а также настроек, голосового поиска и т.д.

В отличие от предыдущего пакета, значки красочны, но недостатком является то, что они только в формате PNG, нет векторов, что ограничивает ваши возможности редактирования.

6. 350 Free Android Icons

Еще один пакет упорядоченных иконок для Android. Это большой пакет – он содержит 350 иконок, сгруппированых в несколько категорий, таких как Basic, Buzz, Arrows, Shopping, Photo и Video, Music, Users (Основные, Ключевые Понятия, Стрелки, Покупка, Фото и Видео, Музыка, Пользователи) и т.д. Иконки не цветные, но они доступны в различных форматах, таких как PSD, AI, EPS, SVG и PNG, поэтому легко редактировать их для добавки цвета или других модификаций. По умолчанию иконки в нескольких размерах – от 24 до 512 пикселей, но опять же, вы можете изменить размер, если это необходимо.

7. More Free Android Icons

В отличие от других пакетов иконок для Android, этот пакет не для разработчиков, а для конечных пользователей. Этот пакет можно использовать для замены родных иконок для Android. Однако, поскольку пакет огромен – 207K (да, тысяч) иконок, скорее всего, Android дизайнер найдет довольно много иконок для использования – если не по прямому назначению, по крайней мере, для вдохновения. Не все иконки бесплатны, особенно для коммерческого использования, поэтому, прежде чем использовать их, проверьте лицензию.

8. Action Bar Icon Pack from Google

Если вы хотите иконки из самого Google, вы можете посмотреть пакет иконок панели действий. Для скачивания пакета, нажмите здесь. Иконки в пакете оптимизированы для различных разрешений экрана и лучше всего работают с темами Holo Light и Holo Dark.

В пакете около 150 иконок для обычных действий, таких как основные виды работы (копирование, вставка, редактирование и т.д.), навигация, рейтинги, коллекция, содержание, соц.сети, расположение, камера, медиа, устройства доступа, аппаратное обеспечение, оповещения, и дополнительные действия. Иконки в формате PNG, что не так хорошо, как векторные иконки, из-за ограниченных предложений опций редактирования PNG, но все же это не делает пакет бесполезным.

9. iOS7 Line Icons

После серии Android иконок, пришло время IOS. Первый пакет IOS иконок – это бесплатный пакет iOS7 Line Icons. Пакет содержит 80 иконок в форматах AI, PSD, SVG и PNG (и PNG@2x). Иконки охватывают разнообразные категории – от звонков до фото, музыки и навигации. Пакет в основном содержит иконки для iOS7, но есть несколько и для iOS8. Пакет является бесплатным, но вы должны ввести адрес вашей электронной почты для получения ссылки на скачивание.

10. iOS7 Tab Bar Icons

Если вы ищете иконки панели вкладок для iOS7, оцените этот набор. Пакет содержит 36 иконок панели вкладок для iOS7 в PSD формате. Среди прочего, вы найдете иконки для Inbox, Copy, Trash, Logout, Settings, Locked (Входящих сообщений, Копирования, Мусора, Выхода, Настроек, Блокировки) и т.д. Это базовый пакет, но если вам не нужно больше, чем это, вам будет удобно с тем, что есть.

11. An Android, iOS7, iPhone, and Windows8 Megapack

Это второй мега пакет в этом списке и этот пакет включает в себя иконки для Android, IOS и Windows. Этот огромный пакет содержит 175K иконок в форматах PNG и PSD. Он также сопровождается несколькими дополнениями – иконки в таких категориях, как General, Accounting, Business, Database, Education, Graphics, Multimedia, Networking и Web Design(Главные, Учетная запись, Бизнес, База данных, Образование, Графика, Мультимедиа, Сеть и Веб-дизайн).

Этот пакет включает в себя несколько схем лицензирования, в том числе бесплатную. Я не уверена, содержит ли бесплатная версия все 175K иконок, но если все они вам нужны, вы можете получить их за 35$. Если вы предпочитаете бесплатную опцию, вам нужно будет подписаться на рассылку новостей сайта или поделиться ею в социальных сетях. Это не такая уж и большая просьба, учитывая, как много иконок для всех мобильных операционных систем вы получите.

Заключение

Ваше приложение или сайт могут изобиловать функциями, но без качественных иконок, это может остаться совсем незамеченным. Даже если вы не можете сами создавать иконки, существует много альтернатив, в том числе бесплатных. Некоторые из лучших наборов иконок для Android, IOS, iPhone и Windows8 бесплатны и я включила их в эту статью. Конечно, есть много других, которые не попали в список, если у вас есть какие-либо другие предложения, мы хотели бы увидеть их в комментариях ниже.

Высоких конверсий!

28-03-2016

Automator: извлечение иконок приложений с сохранением в PNG-файлах

Зачем могут понадобиться иконки установленных приложений? Например, для красоты и наглядности в какой-нибудь презентации. Или в дизайнерской работе для создания, скажем, печатной продукции. Или в программистских делах для создания программ-твикеров или еще чего-нибудь этакого. Или просто для аватарки, если у вас есть любимая программа и вы ассоциируете себя с ней. В общем, извлечение программных пиктограм — задача не такая и специфическая. И справиться с ней проще простого.

Хозяйке на заметку. Иконки приложений в OS X можно выковырять вручную — делается это достаточно просто. Сначала выделяете приложение в окне Finder, затем жмете клавиши command+I — в окне свойств программы, щелкаете на ее значке в самом верху и жмете клавиши копирования command+C. Потом остается запустить утилиту «Просмотр» (Preview), нажать клавиши command+N и сохранить полученную картинку, желательно в формате PNG (если нужно сохранить полупрозрачные области иконки). Естественно, так удобно делать, если нужно извлечь одну-две иконки. Если же число требуемых значков гораздо больше — лучше все-таки воспользоваться возможностями «Автоматора».

Итак, запускайте Automator, выбирайте пункт Служба (Service) в качестве типа нашего будущего процесса. В шапке, в выпадающем списке Служба получает выбранные (Service receives selected) выберите пункт файлы или папки (files or folders), а в списке рядом выберите приложение Finder. Таким образом мы ввели ограничение: наша служба будет доступна через контекстное меню только для папок и файлов и только в программе Finder — в любых других ситуациях соответствующий пункт меню виден не будет.

Теперь начнем составлять последовательность действий нашей службы.

1. Из категории библиотеки Файлы и папки (Files and Folders) перетащите действие Фильтровать объекты Finder (Filter Finder Objects). Внутри этого действия составьте правило фильтрования Тип — совпадает с — программа (Kind — is — application). Так мы отсеем все файлы и объекты, которые случайно затесались среди выделенных программ, но программами при этом не являются.

2. Теперь из категории Утилиты (Utilities) добавьте действие Запустить AppleScript (Run AppleScript), введя в этом действии такой код:

on run {input, parameters}
   activate
   return input
end run

Хозяйке на заметку. Действие Запустить AppleScript с таким кодом выполняет простую, но очень важную задачу: делает текущую службу активной, выводя ее окна на передний план. По какой-то причине это не происходит автоматически: допустим, следующим действием нашей службы будет отображение диалога открытия каталога — без выполнения указанного AppleScript-кода этот диалог может затеряться среди других открытых окон, что затруднит работу со службой. Попробуйте поэкспериментировать, отключив действие Запустить AppleScript и посмотрев, как при этом служба будет себя вести. Отсюда совет: если вы хотите гарантировать, что какое-либо диалоговое окно, созданное вашей службой, сразу оказывалось поверх остальных окон, применяйте действие Запустить AppleScript с таким кодом.

3. Третье действие — Запросить объекты Finder (Ask for Finder Items) из категории Файлы и папки (Files and Folders). С его помощью мы сможем впоследствии выбрать папку, куда службе следует сохранить извлеченные иконки. В свойствах действия укажите заголовок диалогового окна выбора каталога, задайте стартовую папку и укажите тип принимаемых данных — в соответствующем выпадающем списке выберите пункт Папки.

4. Теперь добавим в службу «интеллектуальное ядро» — действие Запустить shell-скрипт (Run Shell Script). Не меняя изначальных параметров действия, введите внутрь него такой код:

INPUT=("$@")
INPUTAPPS=("${INPUT[@]:0:($#-1)}")
DESTINATION=${INPUT[($#-1)]}

for APP in "${INPUTAPPS[@]}"
  do
    ICON=`defaults read "$APP/Contents/Info" CFBundleIconFile|sed -e 's/. icns$//'`
    ICONFILE="$APP/Contents/Resources/$ICON.icns"
    APPNAME=`basename "$APP" .app`
    OUTFILE="$DESTINATION/${APPNAME}.png"

    /usr/bin/sips -s format png "$ICONFILE" --out "$OUTFILE"
  done

Если кому-нибудь интересно, в комментариях я смогу объяснить работу этого кода. Именно он получает на входе весь массив данных, отделяет пути выделенных в Файндере программ и путь к папке сохранения иконок, ищет внутри каждой программы иконку и сохраняет ее в указанном месте в формате PNG, присваивая картинкам имена соответствующих программ.

5. Если у вас установлена система визуального оповещения Growl, можно добавить последнее, пятое действие — Show Growl Notification, расположенное в категории Утилиты (Utilities). Введите заголовок (Title) и сообщение (Description), чтобы создаваемая служба могла наглядно сообщить об своем успешном выполнении.

Все! Остается только сохранить службу под удобным для вас названием — например, Извлечь иконки из программ — и испытать ее в действии. Открыв окно Finder, перейдите в папку Программы (Applications), выделите несколько программ и, щелкнув на выделенных объектах правой кнопкой мыши, выберите в контекстном меню команду с названием только что сохраненной службы. Спустя несколько мгновений файлы будут сохранены в указанном месте, а Growl отобразит созданное вами сообщение.

favicon для мобильных сайтов и не только :: [dikmax’s blog]

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

<link rel="shortcut icon" href="/favicon.ico">

Когда-то давным-давно, в прошлом веке, когда мониторы были толстыми, а браузер Internet Explorer 5 являлся венцом творения, был изобретён favicon. Эта иконка помогает проще ориентироваться среди десятков открытых окон или вкладок.

Но время идёт, и многие разработчики браузеров посчитали, что такой простой инструкции недостаточно, да и формат ico подустарел. Посмотрим, как они это исправили.

Так как я являюсь счастливым обладателем телефона, работающего на ОС Android, то исследование я начал именно с него. Оказалось, что стандартный браузер Google Chrome отказывается показывать мою с любовью нарисованную иконку. А показывает вместо неё белую букву D на чёрном фоне. Если посмотрите, так он делает для большинства сайтов.

Так вот, чтобы это исправить, нужно указать в заголовке новые инструкции.

<link rel="icon" type="image/png" href="/favicon-16x16.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png">
<link rel="icon" type="image/png" href="/favicon-96x96.png">
<link rel="icon" type="image/png" href="/favicon-192x192.png">

Таким образом мы объявляем четыре иконки разных размеров для разных случаев и разных разрешений экрана. В добавление к этому, если хотите, чтобы ваш сайт можно было вынести на главный экран и у него также была красивая иконка, то придётся ещё определить файл-манифест:

<link rel="manifest" href="/manifest.json">

Примерное содержимое:

{
    "name": "%title%",
    "icons": [
        {
            "src": "\/android-chrome-36x36.png",
            "sizes": "36x36",
            "type": "image\/png",
            "density": "0.75"
        },
        {
            "src": "\/android-chrome-48x48.png",
            "sizes": "48x48",
            "type": "image\/png",
            "density": "1.0"
        },
        {
            "src": "\/android-chrome-72x72.png",
            "sizes": "72x72",
            "type": "image\/png",
            "density": "1.5"
        },
        {
            "src": "\/android-chrome-96x96.png",
            "sizes": "96x96",
            "type": "image\/png",
            "density": "2.0"
        },
        {
            "src": "\/android-chrome-144x144.png",
            "sizes": "144x144",
            "type": "image\/png",
            "density": "3.0"
        },
        {
            "src": "\/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image\/png",
            "density": "4.0"
        }
    ]
}

Перейдём ко второй операционной системе — iOS — с её браузером Safari. Нужно ведь и для неё добавить необходимые инструкции.

<link rel="apple-touch-icon" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">

Все детали можно посмотреть, например, в документации к Google Chrome.

Да, совсем забыл, есть же ещё Windows Phone!

<meta name="msapplication-TileColor" content="#474747">
<meta name="msapplication-TileImage" content="/mstile-144x144.png?v=NmYO8WoKWA">

Для более тонкой настройки нужно добавить файл browserconfig.xml.

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
    <msapplication>
        <tile>
            <square70x70logo src="/mstile-70x70.png"/>
            <square150x150logo src="/mstile-150x150.png"/>
            <square310x310logo src="/mstile-310x310.png"/>
            <wide310x150logo src="/mstile-310x150.png"/>
            <TileColor>#474747</TileColor>
        </tile>
    </msapplication>
</browserconfig>

Ну и ссылка на этот файл:

<meta name="msapplication-config" content="/browserconfig.xml" />

Посмотреть подробнее на MSDN.

Как видим, теперь, если хотим быть современными и выглядеть красиво на всех устройствах, вместо одной строки в заголовке нужно писать 17.

Наверняка я что-то упустил. Сообщайте, буду рад расширить статью.

Теперь бонус. В новой версии Android Lollipop появилась возможность перекрашивать интерфейс браузера в цвета сайта, примерно как в Яндекс.Браузере.

Сделать это просто. Нужно добавить в заголовок страницы ещё один метатег.

<meta name="theme-color" content="#474747">

Когда будете делать сайт, не пренебрегайте этой возможностью, так как это сделает сайт чуточку лучше.

В процессе написания поста был обнаружен неплохой ресурс — realfavicongenerator.net. Он позволяет значительно упростить работу со всеми этими иконками. Рекомендую.

Кстати, этот же сайт рекомендует строчку, указанную в начале поста, вообще опустить. Из-за неё нормальные браузеры показывают иконку в формате ico, в то время как есть прекрасные png. А Internet Explorer всё равно проверит favicon.ico в корне сайта, так что данная рекомендация весьма уместна.

Настройка значков приложений — Apache Cordova

В этом разделе показано, как настроить значок приложения для различных платформ. Документацию по изображениям экрана-заставки можно найти в документации Cordova-Plugin-Splashscreen.

Настройка значков в интерфейсе командной строки

При работе в интерфейсе командной строки вы можете определить значок (значки) приложения с помощью элемента ( config.xml ). Если вы не укажете значок, будет использован логотип Apache Cordova.

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

Для каждой платформы вы также можете определить набор пиктограмм с точностью до пикселя, соответствующий разные разрешения экрана.

Android

На Android, вместо использования одного изображения для значка, вы можете использовать два изображения (фон и передний план) для создания адаптивного значка . Чтобы использовать Adaptive Icons, у вас должна быть установлена ​​как минимум версия 9.0.0 для Cordova и версия 8.0.0 для Cordova-Android .

Адаптивные значки

Для использования адаптивных значков вместо атрибута src должны быть определены атрибуты background и foreground .Атрибут src не используется для адаптивных значков.

Адаптивный значок с изображениями:

Примечание: В этом примере изображение переднего плана также будет использоваться в качестве резервного значка для устройств Android, которые не поддерживают адаптивные значки.Значок запасного варианта можно переопределить, установив атрибут src.

Адаптивный значок с векторами:

Примечание: В этом примере атрибут src должен быть определен, когда атрибут переднего плана определяется вектором или цветом.

Адаптивный значок с цветами:

Создайте файл ресурсов res / values ​​/ colors.xml в каталоге вашего проекта для хранения определений цветов приложения.

  
<ресурсы>
     ​​# FF0000 

  

В конфиге .xml , мы добавим файл ресурсов , чтобы скопировать colors.xml в подходящее место, чтобы цвета были доступны во время сборки.

Стандартные значки

См. Также

Браузер

Иконки не применимы к платформе браузера.

iOS

См. Также

Windows

Для Windows рекомендуемый подход к определению значков приложений заключается в использовании атрибута target .

, где src — путь к значку, который нужно добавить.

Платформа Windows обрабатывает значки MRT автоматически, поэтому, если вы укажете src = "res / windows / storelogo.png" , следующие файлы будут скопированы в папку изображений приложения : res / windows / storelogo.scale-100.png , res / windows / storelogo.scale-200.png и т. д.

TODO Определите, что такое MRT.

Атрибут цели определяет базовое имя для результирующих значков. Для каждого файла значка его целевое имя файла рассчитывается как target + '.' + MRT_qualifiers + расширение (src) . Для правильного отображения значков в приложении каждое значение target должно быть одним из имен файлов значков, определенных в приложения.appxmanifest файл.

Подводя итог вышесказанному ... с помощью атрибута target можно:

• определяют группу значков для различных масштабных коэффициентов устройства, используя один элемент , например: xml что эквивалентно следующим строкам: xml
• определяет значки с коэффициентами масштабирования, отличными от масштаб-100 и масштаб-240 (и любые другие квалификаторы MRT)

Хотя это не рекомендуется, можно также определять значки с помощью атрибутов width и height :

См. Также:

Электрон

Настройка значка приложения

Настроенные значки могут быть объявлены с помощью элементов в файле config.xml . Можно определить два типа значков: значок приложения и значок установщика пакета.Эти значки должны быть определены в узле платформы Electron .

Один значок можно использовать для приложения и установщика, но этот значок должен иметь размер не менее 512x512 пикселей для работы во всех операционных системах.

Примечание. Если настраиваемый значок не предоставлен, используются значки Apache Cordova по умолчанию.

Примечание: macOS не отображает пользовательские значки при использовании cordova run .По умолчанию это значок Electron.

Вы можете предоставить уникальные значки для приложения и установщика, установив атрибут target . Как упоминалось выше, для работы на всех платформах изображение установщика должно иметь размер 512x512 пикселей.

Для устройств, поддерживающих разрешение высокого разрешения, таких как дисплей Retina от Apple, вы можете создать набор изображений с тем же базовым именем файла, но суффиксом с его множителем.

Например, если имя файла базового изображения icon.png и является стандартным разрешением, то [email protected] будет рассматриваться как изображение с высоким разрешением, с удвоенным DPI по сравнению с базовым.

• icon.png (256px x 256px)
• значок @ 2x.png (512px x 512px)

Если вы хотите поддерживать дисплеи с разной плотностью DPI одновременно, вы можете поместить изображения с разными размерами в одну папку и использовать имя файла без суффиксов DPI. Например:

App Icon Maker - изменение размера значка приложения до любых размеров для проектов iOS / Android.

Конструктор значков приложений / Изменение размера значков приложений

AppIconMaker.co - это бесплатный облачный производитель значков, который оптимизирует значок вашего приложения с высокой скоростью и генерирует значки всех размеров для использования в приложениях для разных магазинов приложений. Его универсальность с точки зрения совместимости служит дизайнерам, разработчикам и руководителям проектов, которые хотят создавать и / или изменять размер значков для приложений iOS, Android и Watch. Его простота использования позволяет загружать zip-файлы для значков платформ вместе или по отдельности для каждого.Никогда не беспокойтесь о совместимости веб-браузера, так как этот бесплатный создатель значков работает на всех; все, что вам нужно, - это обновлять браузер. С AppIconMaker вы можете загружать файлы jpg, png, bmp и gif и получать файлы с размерами разного разрешения.

  <приложение
        ...
        android: icon = "@ mipmap / ic_launcher"
        android: roundIcon = "@ mipmap / ic_launcher_round"
        ...>
    
  

  {
  ...
  "значки": [
    ...
    {
      "src": "путь / к / maskable_icon.png",
      "размеры": "196x196",
      "тип": "изображение / png",
      "цель": "маскируемый"
  ]
  ...
}  

  «назначение»: «маскируемое любое»