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

来源:www.sosuoseo.com │ 网站编辑:网站建设 │ 发表时间:2015-05-20 17:52

很多人说专业的网站一定需要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图标已经是透明背景啦,你传到服务器里,再清除一下浏览器的缓存看看效果吧。(本人出自那年那事那人)

注:相关网站制作技巧阅读请移步到建站教程频道。



版权所有:博久网络-高端网站建设公司
转载注明来源:网站图标:透明背景favicon.ico图标的制作方法
本文版权网址:http://www.sosuoseo.com/news/201505/2045625.html
标签:网站图标制作图片制作网站建设 网站制作网站设计 网站优化

上一篇:企业建设网站需要从长计议

下一篇:网站内容制作需要注意哪些方面

返回列表

建站教程

网站建设知识审美疲劳保定网站建设网站运营战略

网站模板更换网站购买率赢利模式网站性能

人力成本网站URL优化百度指数百度贴吧

网站优化宣传推广新手站长网提高转化率

建设方案教育网站SEO注意事项网站质量

联系我们

咨询热线:136-6605-6040

客服QQ:  375750496

合作洽谈:  249045439

我们的认知

专注于网站定制,我们思考如何为客户创造更大价值,从PC到移动互联网,打造一个全方位的互联网营销体系;我们通过专业的技术及良好的服务帮助企业精心设计出高品质的网站,以网站建设为切入点,向企业客户提供一站式的互联网整体解决方案。为众多大小企业提供全方位的网络支持;诚信合作、创新服务、高效共赢作为口号,站在客户的立场成就每一项合作!
个性化企业网站建设是企业品牌形象的体现,如果传统的模板建站已经不能满足您的个性化需求,您可以选择专业级的定制建站。博久提供的企业网站建设方案具有强大灵活的网站功能,支持搜索引擎优化;并可享受6-12个月的免费维护服务。即刻申请就马上能拥有个性化企业网站 !