Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Extension icons are missing once it is being uploaded to Chrome Web Store

I'm trying to upload my first Google Chrome extension, but I have a strange issue.

My manifest file is as follows:

{
  "manifest_version": 2,

  "name": "Chat About",
  "description": "Chat about the content of the web page you're currently visiting with other visitors.",
  "version": "0.0.1.1",

  "icons":
  {
    "16": "icon16.png",
    "32": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
  },

  "browser_action":
  {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions":
  [
    "activeTab"
  ]
}

The content of the source directory is as follows:

icon.png
icon128.png
icon16.png
icon32.png
icon48.png
manifest.json
popup.html
popup.js

The unpacked extension icons appear, as shown here:

But as I'm trying to upload it to Chrome Web Store, the icons are missing, as shown here:

I couldn't find any solution to this issue. I have no idea what's wrong here.

like image 733
Moon Avatar asked Jul 15 '17 10:07

Moon


2 Answers

This icon uploaded separately in the Developer Dashboard.

enter image description here

Be noticed that this icon should be drawn with following rules (see Supplying Images):

The actual icon size should be 96x96 (for square icons); an additional 16 pixels per side should be transparent padding, adding up to 128x128 total image size.

Update #1: June 2020

The setting is still available in the old dashboard. You may go back from the new dashboard by clicking to "opt out" link in the bottom left corner:

like image 88
Denis L Avatar answered Oct 02 '22 19:10

Denis L


My extension also got rejected because the Chrome Web Store couldn't find its icons. When loading the unpacked extension in development mode in Chrome, everything worked fine.

It seems like the Web Store is confused by paths that start with ./. The following manifest.json was rejected:

{
    // ...
    "icons": {
        "48": "./icons/icon-48.png",
        "128": "./icons/icon-128.png",
        "512": "./icons/icon-512.png",
        "1024": "./icons/icon-1024.png"
    }
}

The following worked:

{
    // ...
    "icons": {
        "48": "icons/icon-48.png",
        "128": "icons/icon-128.png",
        "512": "icons/icon-512.png",
        "1024": "icons/icon-1024.png"
    }
}
like image 28
Baleb Avatar answered Oct 02 '22 21:10

Baleb