| 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 |