制作ICO图标以及如何在网站上显示的方法

亿软阁微商专用软件商城

有些站长可能还不知道ico图标到底干嘛用的,做了以后会在哪里出现,那么就先看下面这个截图,如果你觉得这个图标没用那么完全没必要去做,追求完美喜欢打造个性的人才有需要。

制作ICO图标以及如何在网站上显示的方法

其实这个ico图标就是当你用浏览器打开你的网站时出现的,不做也是没关系的,因为99%的客户不会去关注这个地方的。

言归正传,下面开始教程,分两个部分来说:如何制作ico图标以及如何把这个ico图标上传到网站上显示出来。

第一、如何制作ico图标

题外话:我的天晨刷赞网的ico图标并不是我自己设计的,如果你会自己设计当然更好了。

1、打开logo免费制作的网站(http://www.uugai.com

2、在下面选择一个你喜欢的图标,然后用ps或者QQ截图把前面的图标抠下来,一定要是正方形的,比如100X 100px或者类比的,因为ico图标都是要求正方形的。

制作ICO图标以及如何在网站上显示的方法

3、比如我截了一个105X105px的图标,如下图所示

制作ICO图标以及如何在网站上显示的方法

4、打开http://www.bitbug.net/转换为ico格式的图片。选择刚才截图的图片,然后目标尺寸选择64X64即可,输入验证码,点击:生成ico图标

制作ICO图标以及如何在网站上显示的方法

5、保存后就会出现一个\"bitbug_favicon.ico\"的图标,你可以把它改为favicon.ico

这样你的代刷网ico图标就制作好了。

第二、如何把ico图标放到代刷网上显示出来呢?

1、打开你的空间程序目录,然后把刚才的favicon.ico图标上传去。如下图所示:

制作ICO图标以及如何在网站上显示的方法

2、打开你网站模板文件index.php(你自己现在使用哪套模板就打开此模板),在<head>下面增加

<link rel=\"shortcut icon\" href=\" /favicon.ico\" />保存即可

制作ICO图标以及如何在网站上显示的方法

这样就大功告成了,然后你清除下浏览器缓存即可看到浏览器上显示的ico图标了。

注意事项:

1、如果你想要每个模板都显示你的ico图标,需要修改每个模板的文件;

2、ico图标的路径是根据你上传的目录而定的,如果你上传到根目录那么就是/favicon.ico,如果你上传到img文件夹那么就是/img/favicon.ico

天晨代刷网
版权声明:[db:作者] 发表于 2020-09-11 12:01:07。
转载请注明:制作ICO图标以及如何在网站上显示的方法 | 龙腾收录网
亿软阁微商专用软件商城

暂无评论

暂无评论...