网站图标:如何制作透明背景的favicon.ico图标

大多数专业网站是需要favicon.ico图标的,最近,我在网上试用了很多ico图标制作工具,结果都有白色背景。我怎么看都觉得不好看,为了达到我预期的效果,我研究了很久,终于找到了解决办法。其实现的效果如下图(你可以看见在浏览器标签以及收藏夹中红色框标注的地方,网站标题前都会有一个与LOGO一样的小图标,这就是favicon.ico图标):

目前,不管是百度还是Google上搜索ico图标制作工具,在ico图标在线制作网站上进行直接转换,favicon.ico图标的都是白色背景色,不管你用的源文件是背景透明的png或者gif格式都不行。

网站图标:如何制作透明背景的favicon.ico图标下面我介绍一下我制作透明背景favicon.ico图标的方法:

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

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

官网地址:https://www.iconworkshop.cn/

用Axialis IconWorkshop打开已经做好的图标文件(我以png格式为例):

点击类似汉语“工”字的图标按钮:

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

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

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

未经授权,严禁转载。发布者:dumaitv,转载请注明出处:https://www.dumaitv.com/1380.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注