Chrome擴展程序：以編程方式設置瀏覽器操作圖標會使圖標像素化

Question

我嘗試使用以下代碼更改background.js中的瀏覽器操作圖標

chrome.browserAction.setIcon({path: "img/logo-off.png", tabId:tab.id});

然而，這導致圖標像素化非常糟糕（flappy bird style）。

有沒有人有同樣的問題？ 我應該如何解決它。

Answer 1

我終於在高DPI Windows屏幕上獲得了Chrome 38，它顯示了相同的行為。

對於高DPI屏幕，您需要提供更高分辨率的圖標，並更新圖標以提供替代方案 ：

chrome.browserAction.setIcon({
  path: {
    19: "img/logo-off.png",
    38: "img/logo-off-hidpi.png"
  },
  tabId: tab.id
});

Chrome會根據屏幕DPI選擇合適的圖像。 它目前僅支持19x19和38x38比例。

編輯（2016年6月）：

Chrome似乎正在向其工具欄的Material Design轉移，並將瀏覽器圖標要求更改為16x16 （HiDPI為32x32）。 建議為這些交換機做好准備（這已經在Linux中發生 ，有意或無意）。