# Графика для приложения

#### Иконки приложений

**Для iOS приложения**

<table border="1" id="bkmrk-%D0%A0%D0%B0%D0%B7%D0%BC%D0%B5%D1%80%3A1024-x-1024-%D0%BF" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td>**Размер:**  
1024 x 1024 пикселей;

**Требования:**  
72 dpi, RGB, один слой, без прозрачности и скруглённых углов;

**Формат:**

JPEG или PNG.

**🟩 Безопасная зона (828×828)**

- Расположена по центру.
- <span class="s1">Обозначена </span>**зелёной рамкой**<span class="s1">.</span>
- **Что это такое?**
    
    Это рекомендуемая зона, в которой должен находиться логотип, чтобы не быть обрезанным при скруглении углов.
- **Оставляет по 98 px отступов от краёв**<span class="s1"> (около 12% с каждой стороны).</span>
- **Всё важное должно находиться внутри этой зоны**<span class="s1">.</span>

**🟨 Дополнительная зона (960×960)**

- <span class="s1">Обозначена </span>**жёлтой пунктирной рамкой**<span class="s1">.</span>
- Можно использовать для фона, лёгких деталей, теней.
- Всё, что в этой зоне, <span class="s1">**может быть слегка обрезано**</span>, особенно на старых устройствах или при автоматическом преобразовании в App Store (например, для скриншотов, предпросмотров и т.п.).

**🎯 Как правильно разместить логотип:**

1. <span class="s1">Используй </span>**квадрат 1024×1024 px**<span class="s1">.</span>
2. <span class="s1">Вставь логотип </span>**по центру**<span class="s1">, в </span>**область 828×828**<span class="s1">.</span>
3. Убедись, что никакой текст или важные элементы не выходят за <span class="s1">**зелёную зону**</span>.
4. Оставляй фон или тени за пределами зелёной зоны — они обрежутся красиво.

**⚠️ Важно:**

- <span class="s1">Apple </span>**не использует адаптивные формы**<span class="s1">, но она </span>**автоматически маскирует углы**<span class="s1"> — итоговая иконка </span>**всегда с сильными скруглениями**<span class="s1">.</span>
- **Не рисуй скругления сам**<span class="s1"> — Apple сама обрежет.</span>
- Не нужно добавлять тень или рамку — iOS может интерпретировать это как часть иконки и получится некрасиво.

</td><td>[![Group45.png](https://support.converzilla.io/uploads/images/gallery/2025-04/scaled-1680-/group45.png)](https://support.converzilla.io/uploads/images/gallery/2025-04/group45.png)</td></tr></tbody></table>

**Для Android приложения**

<table border="1" id="bkmrk-%D0%A0%D0%B0%D0%B7%D0%BC%D0%B5%D1%80%3A-1024-x-1024-" style="border-collapse: collapse; width: 100%; height: 829.875px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 829.875px;"><td style="height: 829.875px;">Размер:

1024 x 1024 пикселей;

**Требования**

32-bit PNG; sRGB.

**Формат:**

PNG

**🟩 Безопасная зона (683×683)**

- Расположена по центру изображения.
- <span class="s1">Обозначена </span>**зелёной пунктирной рамкой**<span class="s1">.</span>
- **Что это такое?**
    
    Это зона, в которой элементы иконки гарантированно не будут <span class="s1">**обрезаны**</span> системой, независимо от формы (круг, сквош, квадрат и т.д.).
- **Зачем нужна?**
    
    Некоторые устройства (например, Pixel) применяют очень агрессивные круглые маски. Всё, что выйдет за эту зону, <span class="s1">**может быть не видно**</span>.

**🟨 Рекомендованная зона логотипа (~600×600)**

- Расположена внутри безопасной зоны.
- <span class="s1">Обозначена </span>**жёлтой пунктирной рамкой**<span class="s1">.</span>
- **Что это такое?**
    
    Это рекомендуемая область, в которой должен быть <span class="s1">**основной логотип**</span> (сам символ, текст и т.п.).
- **Зачем?**
    
    Даже внутри безопасной зоны логотип, расположенный слишком близко к краям, <span class="s1">**может выглядеть “тяжёлым”, обрезанным, смещённым или неаккуратным**</span>.
    
    Визуальный баланс — важен!

</td><td style="height: 829.875px;">[![Group.png](https://support.converzilla.io/uploads/images/gallery/2025-04/scaled-1680-/group.png)](https://support.converzilla.io/uploads/images/gallery/2025-04/group.png)</td></tr></tbody></table>

#### Экран загрузки (Splash screen)

Экран загрузки — это первый экран, который видят пользователи при открытии приложения. Он должен быть привлекательным и отражать бренд приложения.

<table border="1" id="bkmrk-%D0%A4%D0%BE%D1%80%D0%BC%D0%B0%D1%82%3A-png-%D0%B8%D0%BB%D0%B8-jpeg" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td>**Формат:**   
PNG или JPEG

**Размер:**

**1920×1920** пикселей. Контент следует поместить ближе к центру, так как на небольших устройствах (например, iPhone5) будет обрезка от центра.

**Требования:**  
Изображение должно быть без прозрачных пикселей.

**✅ Рекомендуемая зона логотипа:**

- **Размер: 490×490 px**
- Расположена <span class="s1">**по центру**</span>.
- <span class="s1">Обозначена </span>**зелёной пунктирной рамкой**<span class="s1"> в шаблоне.</span>
- **Зачем?**
    
    Это оптимальный размер логотипа, который:
    
    
    - хорошо смотрится на любом экране (высоком, широком, узком),
    - не упирается в края,
    - сохраняет “воздушность” и визуальный баланс,
    - не страдает от скейлинга и не искажает композицию.

**🟨 Максимально допустимая зона логотипа:**

- **Размер: 640×640 px**
- <span class="s1">Обозначена </span>**жёлтой пунктирной рамкой**<span class="s1">.</span>
- Допускается использовать эту зону, если логотип требует немного больше пространства (например, текст сбоку, подзаголовок и т.п.).
- Важно: <span class="s1">**не выходить за пределы жёлтой зоны**</span> — иначе логотип может упираться в края на устройствах с нестандартными экранами (например, 19.5:9, складные, старые).

</td><td>[![Group5345.png](https://support.converzilla.io/uploads/images/gallery/2025-04/scaled-1680-/group5345.png)](https://support.converzilla.io/uploads/images/gallery/2025-04/group5345.png)</td></tr></tbody></table>