怎么给网站左上角加上小图标?

怎么给网站左上角加上小图标?如下图所示:我们在浏览网页的时候经常会看到一些网站的左上角会显示一个小图标,看上去好像很高大上的样子,那么这个图标是怎么做上去的呢,这篇文章小编就给大家介绍一下怎么给网站左上角加上自己喜欢的图标。

网页左上角图标

那么小编上图用红色表出来的图标改怎么做上去呢?首先我们必须了解网页左上角的图标是一种特殊的图形文件格式,它是以.ico 作为扩展名。

一、设计一个自己喜欢的图标

我们可以将网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为网页图标。总之,它一定要是属于您自己的,并且能很好的代表我们的网站的风格和个性。如果大家不知道做一个什么样的图标,可以在C盘查找*.ico格式的图标,应该能在浏览器缓存里找到那些我们浏览过网站的图标。然后我们可以参考一下其他网站的图标设计一个。为了清晰我们选择图标的时候使用的颜色最好少一点。

二,编辑图标的尺寸大小

在网页左上角出现的图标尺寸大小是16*16像素。

三、把JPG格式图片重命名:favicon.ico

我们把帮图片的大小修改16*16像素以后,直接选择该图片文件然后将这个图片文件重命名为:favicon.ico。

四、把编辑好的文件上传到网站根目录

最后需要将这个图标文件 favicon.ico 用FTP上传到我们的网站所在的根目录下。我们不需要对我们的网页文件作任何的修改,文件上传到根目录后,用户在浏览我们网站的时候浏览器会自动的搜索我们网站的根目录,只要浏览器发现了favicon.ico 这个文件,浏览器就会自动将该图标显示在用户的网站窗口的左上角。

总结:小编今天给大家介绍了怎么给网站做左上角的图标,是不是非常简单啊,赶紧去给自己的网站也做一个吧!

评论已关闭!

目前评论:2   其中:访客  2   博主  0

  1. avatar 任务易 1

    感谢博主的分享

  2. avatar 增达信购 0

    我对你博客的爱,你永远不会明白!