Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I specify an Chrome Extension icon (popup icon) for Retina Mac's

I found my icon (and many other icons) very ugly on Retina Macs.

Is there any way that I can specify a well-designed retina image as the popup icon?

Thanks!

like image 558
AGamePlayer Avatar asked Sep 01 '13 04:09

AGamePlayer


People also ask

How do I change the icon for a Chrome extension?

To the right of your address bar, find your extensions' icons. On your computer, open Chrome. Drag the extension's icon to its new place.

How do I get to my Chrome extensions?

You can find this by entering chrome.google.com/webstore into the address bar at the top of your web browser. Next, click Extensions. You will see this at the top of the left sidebar. Then use the search bar to find an extension.


1 Answers

Just create double-sized icon (76x76 pixels) and provide path to it in manifest.json:

"browser_action": {
    "default_icon": {
        "19": "icon19x19.png",
        "38": "icon76x76.png"
    }
}

If you want to dynamically change icon via setIcon, then you must call it with following params:

chrome.browserAction.setIcon({
    path: {
        "19": "icon19x19.png",
        "38": "icon76x76.png"
    }
});
like image 50
Dmitriy Avatar answered Oct 12 '22 00:10

Dmitriy