# Графические материалы

В Visual Studio Code в папке `resources` разместите следующие файлы:

* `icon.png` - логотип, используется для iOS.
* `splash.png` - экран во время загрузки приложения, используется для iOS
* `/android/icon-foreground.png` - логотип, используется для Android


:::info
Обратите внимание, что `icon-foreground.png` должен находиться в подпапке android.

Требования к вышеописанным изображениям описаны в статье [Материалы для публикации приложения](/s/marketpro/doc/materialy-dlya-publikacii-prilozheniya-s8HOYF73bx)

:::

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS82YjZlNTJhNy01NjU5LTQwYWUtYWZhMi1lMTI0NDc0MzNkZWMvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjM1MDAsImV4cCI6MTc5MzM0OTkwMH0.H2Sz8Fwf8J2vh7mE93iEeS0vgS-zQcDGyE2RsszYQa4)

После этого запустите  встроенный терминал в Visual Studio Code  `` Ctrl+` ``  и выполните следующие команды по очереди:

```bash
npm run IconSplashIoS
npm run IconSplashAndroid
```

Не должно возникнуть ошибок, могут быть только предупреждения.

Команды складывают готовые иконки и заставки нужных размеров в проекты `ios` и `android` — вручную ничего масштабировать не нужно.

# Иконка Android: заливайте с фоном

У Android иконка адаптивная: система накладывает вашу картинку на подложку и обрезает по своей форме — кругом, квадратом со скруглением, как настроено у покупателя на телефоне.

Поэтому `icon-foreground.png` готовьте **сразу с фоном**, непрозрачной картинкой: тогда покупатель увидит именно то, что вы нарисовали, и настраивать цвет подложки не нужно.

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

# Проверка

После команд откройте проект в Android Studio или Xcode и посмотрите иконку в списке приложений на устройстве или эмуляторе. Частая ошибка — положить `icon-foreground.png` в корень `resources` вместо подпапки `android`: команда тогда отработает без ошибки, но иконка Android останется старой.

---

**Documents**

- [Установка решения](https://docs.astdesign.ru/s/marketpro/doc/ustanovka-resheniya-Z8Q6r79liU)
- [FAQ перед покупкой](https://docs.astdesign.ru/s/marketpro/doc/faq-pered-pokupkoj-HPgKP7mWDT)
- [Общая настройка](https://docs.astdesign.ru/s/marketpro/doc/obshaya-nastrojka-Io6HZQaGXf)
- [Шаблон](https://docs.astdesign.ru/s/marketpro/doc/shablon-ylLAFZV3o8)
- [Главная страница](https://docs.astdesign.ru/s/marketpro/doc/glavnaya-stranica-7PwYozaVVo)
- [Магазины (склады)](https://docs.astdesign.ru/s/marketpro/doc/magaziny-sklady-7rEEZJrA45)
- [Каталог](https://docs.astdesign.ru/s/marketpro/doc/katalog-FpnYzZr900)
- [Поиск](https://docs.astdesign.ru/s/marketpro/doc/poisk-xsDdFVh5h0)
- [Текстовые страницы](https://docs.astdesign.ru/s/marketpro/doc/tekstovye-stranicy-jVtNXZv3T5)
- [Реклама и маркетинг](https://docs.astdesign.ru/s/marketpro/doc/reklama-i-marketing-iZkaCoxr5b)
- [Региональность](https://docs.astdesign.ru/s/marketpro/doc/regionalnost-bCuM9AOBNO)
- [Корзина](https://docs.astdesign.ru/s/marketpro/doc/korzina-Mh27pZA7v9)
- [Оформление заказа](https://docs.astdesign.ru/s/marketpro/doc/oformlenie-zakaza-VyvQjOQxZo)
- [Авторизация](https://docs.astdesign.ru/s/marketpro/doc/avtorizaciya-5HwEb1oDJG)
- [SEO и аналитика](https://docs.astdesign.ru/s/marketpro/doc/seo-i-analitika-d1Hw6c4YAM)
- [Уведомления](https://docs.astdesign.ru/s/marketpro/doc/uvedomleniya-SKDyjYg14J)
- [Мобильное приложение](https://docs.astdesign.ru/s/marketpro/doc/mobilnoe-prilozhenie-F5E0hT7TnN)
- [Обновление решения](https://docs.astdesign.ru/s/marketpro/doc/obnovlenie-resheniya-RRRgtxV5uH)
- [Для разработчика](https://docs.astdesign.ru/s/marketpro/doc/dlya-razrabotchika-WJePeJCmpy)
- [Интеграции](https://docs.astdesign.ru/s/marketpro/doc/integracii-D3DqjYOZYm)
- [Что делать, если что-то не работает](https://docs.astdesign.ru/s/marketpro/doc/chto-delat-esli-chto-to-ne-rabotaet-Q8L8sTVJF8)