网站建设全透明详细地址栏标志favicon.ico实例教程

2020-12-30


网站建设全透明详细地址栏标志favicon.ico实例教程


小视频,自媒体平台,达种族草一站服务

不管是blog還是网站,做一个ico显示信息在详细地址栏上边,是很必须的。好的标志能交给浏览者很深印像哦。因此Ken今日给blog再加了一个ico,觉得还将就,因此就发一份实例教程,期待能给诸位朋友协助。采用的专用工具有Photoshop版本号随便及其Axialis IconWorkshop 6.3,手机软件能够到在网上免费下载(留意安全性难题哦)。

最先,开启Photoshop手机软件,我用的是Photoshop9.0,文档》在建》设定以下图:

 

随后就充分发挥自身的造就力,造就归属于自身的ico。我简易的干了一个,用以实例教程。

 

制作的全过程中,留意把必须全透明的地区选定(强烈推荐用魔棒专用工具),随后按Del删掉,看到一些灰白两色的网格图则是意味着全透明一部分。

著作进行之后,点击文档》存储为Web常用文件格式》以下配备:

 

以后即可以开启Axialis IconWorkshop手机软件。

点击 文档》开启,随后开启你刚刚储存的.gif文档。随后按图实际操作:

 

从标志建立 Windows 标志,随后以下图配备。

 

按住明确后,程序迅速就把.gif文档变换成ico,随后大家就储存吧。

 

储存之后的ico文档改名为favicon.ico,提交到网站的网站根目录,随后便可以起效啦。但是我估算只有在ie7之上或是一些访问器能看到实际效果了。

另附psd文档,感觉设计方案一个ico不便得话就来我blog免费下载改吧。

原創文章内容请标明转截自许泽锋blog,文中详细地址:




扫描二维码分享到微信

在线咨询
联系电话

400-888-8866