郑州网站建设业务咨询热线:
0371-65349913 / 15333818157
当前位置:网站首页 >> 网站建设与域名空间知识 >>


网站地址前面显示的自定义图标如何添加


发布人:郑州凯讯公司    发布日期:2015-02-19

当你打开一个知名网站后,你就会发现在网站地址栏的网址前面出现了一个小图标。很多大型网站都有这个小图标,而且这个小图标一般都是自己的logo图标或者有代表性的图标,这一点很让人羡慕。下面列出几个大型网站打开时底之前显示的小图标:

创建网站地址前自定义图标图片一

有的用户就给我们打电话来咨询这个图标是怎么做出来的,是不是只有大型网站才会有?在这里我们郑州网站建设公司给各位回敬一句:这个小图标都是自己定义的,想做成什么就可以做成什么,而且是每一个网站都可以自己添加上去的,并不是大型网站才独有的标志。假如你上线了一个的新网站,想在浏览器打开网站后,能看到自己设计的图标,那么您也可以自己制作类似的图标,然后上传到自己空间里,你的网站在打开时也一样能显示这样的图标了。下面郑州网站建设就来简单讲一下,如何制作自定义的图标,以及如何把这样的图标添加到自己的网站上。

准备一个自定义的ICO格式的图标文件,这个文件需要自己制作一下,制作ico图标文件时,可以从网上找一下ico制作工具。你可以手工绘制ico图表然后保存起来即可,也可以从jpg或者png图片来经过ico制作工具的转换,把图片转换成为ico图标文件。一般的做法是,利用ico制作工具把图片文件转换成为ico图标文件,这样转换成的ico图标文件更美观一些,自己手工绘制的ico图标文件则显得难看了些。

这里笔者为了简单起见,不再下载专门的ico制作工具了,而是使用“在线图标制作”的方式,直接在线制作自己的图标。比如,要制作的图标为下图(一),那么在百度搜索里搜索“在线图标制作”时,显示出搜索的结果如下图(二)所示的样式,这时候就可以使用这些在线制作工具来制作自己的图标。当选择了自己的图片文件后,然后再选择尺寸选择,也即是选择要生成图标文件的像素数,就可以有多种选择,有16乘16、24乘24、32乘32、48乘48、64乘64、128乘128等多种选择,但是一般在网站地址前面显示的图标都很小,这时应该选择“16乘16”大小的最合适,工具就会转化成16乘16大小的ico图标格式的图标出来如下图(三),然后就可以把图标保存起来,一般保存成文件名为favicon.ico,这样自定义的图标文件就制作好了如下图(四)。

创建网站地址前自定义图标图片二

在制作好了自己的ico图标之后,如果不满意,还可以使用某些ico工具进行修正,在此不再赘述。然后就可以将图标文件上传到自己网站的根目录下。比如我们郑州网站建设公司的网站www.kxcom.net也使用了favicon.ico图标,并已上传到了网站的根目录下。在把图标文件上传到根目录下之后,我们可以修改网站首页文件,并在<head>与</head>之间加入如下代码并保存即可。需要加入的代码为:<link rel="shortcut icon" href="favicon.ico" />,加入这句代码的作用是在加载网页的时候,显示自定义的图标,如下图(一)所示。这时候,我们郑州网站建设公司的网站打开之后,将在网站地址左边出现我们自定义的小图标了,如下图(二)所示。好了,设置自定义小图标的整个过程就到此结束了,是不是很简单啊?你也一样可以做到的哦!

创建网站地址前自定义图标图片三



版权所有:郑州网站建设专家--郑州凯讯公司