网站图标：透明背景favicon.ico图标的制作方法

很多人说专业的网站一定需要favicon.ico图标，不过favicon.ico图标对于我来说只是为了好看，其实现的效果如下图（你可以看见在浏览器标签以及收藏夹中红色框标注的地方，网站标题前都会有一个与LOGO一样的小图标，这就是favicon.ico图标）：

不过，你现在看到的是背景透明的favicon.ico图标，这样不管浏览器的背景色如何改变，我们都能保证与主题色一致，但是如果按照常规的做法，在ico图标在线制作网站上进行直接转换，favicon.ico图标的背景色只会是白色，哪怕你用的源文件是背景透明的png或者gif格式都不行。

于是我折腾了很久终于找到制作透明背景favicon.ico图标的方法：

首先你要用PS做出格式为png或者gif背景透明的图标图片，大小为16×16、32×32都可以（单位是像素），命名为favicon；

然后你需要去下载一款名为“Axialis IconWorkshop”的图标制作工具，此款工具你可以自己搜索一下，网上很多绿色版；

用Axialis IconWorkshop打开已经做好的图标文件（我以png格式为例）：

点击如下图红色方框标注的按钮：

这时你就会来到“从图像创建Windows图标”的窗口，将图标项目名命名为“favicon”，根据你的需求选择“32×32-RGBA”或者“16×16-RGBA”（就我看来32×32-RGBA会比较清楚），然后点击确定，如下图所示：

最后点击选择菜单栏上的“文件”→“另存为”ico格式的图标即可，如下图：

这时候你回到桌面会看见favicon.ico图标仍然有白色的背景，不用担心，这只是显示问题，实际上此时的favicon.ico图标已经是透明背景啦，你传到服务器里，再清除一下浏览器的缓存看看效果吧。（本人出自那年那事那人）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有