如何设置显示在橙色Firefox按钮上的图标大小？

Question

#main-window #appmenu-button{ 
    background:transparent !important; 
    background-color:transparent !important; 
    box-shadow: rgb(252,252,252) -0.5px -0.5px 0.5px !important; 
      border: 1px solid rgba(245,245,245,0.899) !important; 
      border-radius: 0.25em !important; 
    outline: 1px solid rgba(222,225,225,0.799) !important; 
      -moz-outline-radius: 0.3em !important; 
      outline-offset: -1px !important; 
    list-style-image:url("chrome://branding/content/icon16.png") !important; 
    min-width:78px !important; 
    padding-right:56px !important; 
    margin-right:-56px !important; 
    padding-left:0px !important; 
    margin-left:0px !important; 
} 

这是一个userstyle的代码的一部分，其使用来显示的图标（一个小的Firefox），并在橙色Firefox按钮一个附加称为FlipClock。

我想用另一个图像替换chrome://branding/content/icon16.png（小火狐）。但是，我申请的图片太大了。

• 完整的时尚代码：tny.cz/44499fac

• 原来的橙色Firefox按钮：
  

• 的userstyle后适用：
  

• The image I want to use (Click for proper image):
  

• 这是我的尝试是这样的：
  

如何设置它的大小？
谢谢！

Answer 1

似乎没有成为规模与CSS一list-style-image的方式。
参考：

• CSS spec for list-style-image
• "CSS list-style-image size"

所以，你唯一的办法就是调整图片的大小 - 你可以有许多图像编辑器中的一个做。有关如何做到这一点并保持透明度的信息，请搜索和/或询问superuser.com和/或webapps。

不过，我冒昧地为你缩小了这个图像。它的大小是32x32和16x16，保留了透明度。
请注意，缩小大图像并不总是一个好的图标。 ;）

16x16:

32x32:

（所示为灰色背景，以证明透明度被保留）

Answer 2

使用Photoshop或其他一些软件重新大小图像，并进行了阿尔法分层16x16的PNG图像