18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 建站知识 > 网站制作透明地址栏图标favicon.ico教程

网站制作透明地址栏图标favicon.ico教程

时间:2022-07-06 22:00:01 | 来源:建站知识

时间:2022-07-06 22:00:01 来源:建站知识

无论是博客还是网站,做一个ico显示在地址栏上面,是很有必要的。好的图标能留给访问者很深印象哦。所以Ken今天给博客加上了一个ico,感觉还凑合,所以就发一份教程,希望能给各位朋友帮助。用到的工具有Photoshop版本随意以及Axialis IconWorkshop 6.3,软件可以到网上下载(注意安全问题哦)。

首先,打开Photoshop软件,我用的是Photoshop9.0,文件》新建》设置如下图:

然后就发挥自己的创造力,创造属于自己的ico。我简单的做了一个,用于教程。

制作的过程中,注意把需要透明的地方选中(推荐用魔棒工具),然后按Del删除,见到一些灰白相间的网格则是代表透明部分。

作品完成以后,单击文件》储存为Web所用格式》如下配置:

之后便可以打开Axialis IconWorkshop软件。

单击 文件》打开,然后打开你刚才保存的.gif文件。然后按图操作:

从图标创建 Windows 图标,然后如下图配置。

按下确定后,程序很快就把.gif文件转换成ico,然后我们就保存吧。

保存以后的ico文件更名为favicon.ico,上传到网站的根目录,然后就可以生效啦。不过我估计只能在ie7以上或者某些浏览器可以看到效果了。

附上psd文件,觉得设计一个ico麻烦的话就来我博客下载改吧。

原创文章请注明转载自许泽锋博客,本文地址:

关键词:教程,地址,透明

74
73
25
news

版权所有© 亿企邦 1997-2022 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭