1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
---
title: icons
slug: Web/Manifest/icons
tags:
- Icons
- Manifest
- Web
translation_of: Web/Manifest/icons
---
<div>{{QuickLinksWithSubpages('/ru/docs/Web/Manifest')}}</div>
<table class="properties">
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>Array</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>Yes</td>
</tr>
<tr>
<th scope="row">Example</th>
<td>
<pre class="brush: json no-line-numbers">
"icons": [
{
"src": "icon.webp",
"sizes": "48x48",
"type": "image/webp"
}
]</pre>
</td>
</tr>
</tbody>
</table>
<p><code>icons</code> Определяет массив объектов изображений, которые могут использованы как иконки приложения в различных контекстах. К примеру, они могут быть использованы для представления приложения среди списка других приложений или для интеграции его с переключателем задач <abbr title="операционная система">ОС</abbr> и/или настроек системы.</p>
<h2 id="Примеры">Примеры</h2>
<pre class="brush: json">"icons": [
{
"src": "icon/lowres.webp",
"sizes": "48x48",
"type": "image/webp"
},
{
"src": "icon/lowres",
"sizes": "48x48"
},
{
"src": "icon/hd_hi.ico",
"sizes": "72x72 96x96 128x128 256x256"
},
{
"src": "icon/hd_hi.svg",
"sizes": "72x72"
}
]</pre>
<h2 id="Значения">Значения</h2>
<p>Объекты изображений могут содержать следующие значения:</p>
<table class="fullwidth-table standard-table">
<thead>
<tr>
<th scope="col">Параметр</th>
<th scope="col">Описание</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>sizes</code></td>
<td>Строка, содержащая разделённые пробелами размеры изображения.</td>
</tr>
<tr>
<td><code>src</code></td>
<td>Путь к файлу изображения. Если <code>src</code> является относительным URL, основным URL будет URL манифеста.</td>
</tr>
<tr>
<td><code>type</code></td>
<td>
<p>Служит для определения медиа-типа изображения.Цель свойства позволить агенту пользователя быстро проигнорировать изображения медиа-типа, который он не поддерживает.</p>
</td>
</tr>
<tr>
<td>purpose</td>
<td>
<p>Определяет назначение изображения, например, если изображение предназначено для каких-то особых целей в контексте ОС (т. е. для лучшей интеграции)</p>
<p><a href="https://w3c.github.io/manifest/#purpose-member"><code>purpose</code></a> может иметь одно из следующих значений:</p>
<ul>
<li><code>badge</code>: Пользовательский агент может представить этот значок там, где ограничения пространства и/или требования к цвету отличаются от таковых для значка приложения.</li>
<li><code>maskable</code>: Изображение разработано с учётом <a href="https://w3c.github.io/manifest/#icon-masks">масок значков и безопасной зоны</a>, так что пользовательский агент может безопасно игнорировать и маскировать любую часть изображения за пределами безопасной зоны.</li>
<li><code>any</code>: Пользовательский агент может отображать значок в любом контексте (это значение по умолчанию).</li>
</ul>
</td>
</tr>
</tbody>
</table>
<h2 id="Specifications">Specifications</h2>
<table class="fullwidth-table standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
<th scope="col">Feedback</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>{{SpecName('Manifest', '#icons-member', 'icons')}}</p>
</td>
<td>
<p>{{Spec2('Manifest')}}</p>
</td>
<td>
<p>Initial definition.</p>
</td>
<td>
<p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p>
</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{Compat("html.manifest.icons")}}</p>
|
