OLD | NEW |
| (Empty) |
1 <h1 id="icons">Manifest - Icons</h1> | |
2 | |
3 <p> | |
4 One or more icons that represent the extension, app, or theme. | |
5 You should always provide a 128x128 icon; | |
6 it's used during installation and by the Chrome Web Store. | |
7 Extensions should also provide a 48x48 icon, | |
8 which is used in the extensions management page | |
9 (chrome://extensions). | |
10 You can also specify a 16x16 icon to be used as the favicon | |
11 for an extension's pages. | |
12 The 16x16 icon is also displayed in the experimental extension | |
13 <a href="http://developer.chrome.com/extensions/experimental.infobars.html">info
bar</a> | |
14 feature. | |
15 </p> | |
16 | |
17 <p> | |
18 Icons should generally be in PNG format, | |
19 because PNG has the best support for transparency. | |
20 They can, however, be in any format supported by WebKit, | |
21 including BMP, GIF, ICO, and JPEG. | |
22 Here's an example of specifying the icons: | |
23 </p> | |
24 | |
25 <pre class="prettyprint"><span class="str">"icons"</span><span class="pun">:</sp
an><span class="pln"> </span><span class="pun">{</span><span class="pln"> </span
><span class="str">"16"</span><span class="pun">:</span><span class="pln"> </spa
n><span class="str">"icon16.png"</span><span class="pun">,</span><span class="pl
n"> | |
26 </span><span class="str">"48"</span><span class="pun">:</span><span c
lass="pln"> </span><span class="str">"icon48.png"</span><span class="pun">,</spa
n><span class="pln"> | |
27 </span><span class="str">"128"</span><span class="pun">:</span><span c
lass="pln"> </span><span class="str">"icon128.png"</span><span class="pln"> </sp
an><span class="pun">},</span></pre> | |
28 | |
29 <p class="note"> | |
30 <b>Important:</b> | |
31 Use only the documented icon sizes. | |
32 <br><br> | |
33 You might notice that Chrome sometimes resizes these icons down to smaller | |
34 sizes. For example, the install dialog might shrink the 128-pixel | |
35 icon down to 69 pixels. | |
36 <br><br> | |
37 However, the details of | |
38 Chrome's UI may change between versions, and these changes assume that | |
39 developers are using the documented sizes. If you use other sizes, | |
40 your icon may look bad in future versions of the browser. | |
41 </p> | |
42 | |
43 <p> | |
44 If you upload your extension, app, or theme using the | |
45 <a href="https://chrome.google.com/webstore/developer/dashboard">Chrome Develope
r Dashboard</a>, | |
46 you'll need to upload additional images, | |
47 including at least one screenshot of your extension. | |
48 For more information, | |
49 see the | |
50 <a href="http://code.google.com/chrome/webstore/">Chrome Web Store | |
51 developer documentation</a>. | |
52 </p> | |
OLD | NEW |