如何为 Internet Explorer 创建平滑的图标透明度？答案

【问题标题】：how to create smooth favicon transparency for internet explorer?如何为 Internet Explorer 创建平滑的图标透明度？
【发布时间】：2014-12-29 14:14:30
【问题描述】：

对于 firefox 和 chrome，我使用 png 作为我的图标，它允许我使用平滑的 alpha 透明度。但是，internet explorer 不显示我的 png favicon，所以我必须使用只支持 1bit 透明度的 ico（据我所知？）。

但是 - 如果我在 Internet Explorer 中查看 stackoverflow 的图标，它也会显示平滑的透明度。

这是怎么做到的？

【问题讨论】：

Doesn't look smoothly transparent to me.
安德烈亚斯：为什么不呢？它似乎有 8 位透明度

标签： internet-explorer transparency favicon

【解决方案1】：

IE 支持 ico 作为网站图标，因此您只需使用任何图像处理软件从您的 png 图像生成 ico

我使用@Icon Sushi（你可以使用 Photoshop、Fireworks、Paint.NET 等）

只需将您的图像拖到那里，选择它并另存为 ico，它就会保留所有的透明度。

http://www.adwiza.com/t/2011-08-12_0955.png

【讨论】：

【解决方案2】：

更新 - IE 11 支持图标的 PNG。

我相信最好的方法是 balexandre 的方法。但另一种选择是创建图标的背景颜色，使其成为大多数人在栏中的标准颜色。

背景颜色为#C0C0C0 or 192,192,192，但您需要将其保存为 ICO 格式，因为这是 IE 支持的唯一格式。 See Here for favicon format support.

【讨论】：