当前位置:首页网站地址前的小图标怎么添加 举报文章

网站地址前的小图标怎么添加

作者:admin    来源:用户投稿    时间:2015.6.11   

  经常喜欢上网的人会发现,当你打开一个网站后,在浏览器地址栏最前面有一个小图标,这个是可以自己添加的。我们所看到的网站几乎大部分都有这个图标的,像大到BAT,小到个人站长。假如你上线了一个的新网站,想在浏览器打开网站后,能看到自己设计的图标,下面我就以我自己博客为例来说一下怎么添加这个小图标吧,希望对新手或者不懂的同学有所帮助!

  

  首先,准备一个ICO格式的文件。这个文件需要自己制作一下,刚开始准备好你想显示的那个logo图片吧,图片尽量选用PNG格式的,选择16*16像素备用。然后在百度上搜索一下ICO图标在线制作,会有很多工具可以使用的。当然了,你可以用favicon.ico在线转化工具,把图片转化为favicon.ico的站点图标。推荐两款在线转化的工具:

  ico在线转化工具站点1:http://www.ico.la/;

  ico在线转化工具站点2:http://www.chami.com/html-kit/services/favicon/;

  在这里我就以百度上面的那个应用为例截图看看:

  

  打开图片,把存放在本地电脑上那个图片导入进来,看我导入我自己的是这个样子的,以“曹”字为例,选好尺寸为16*16,然后保存ICO,就可以把ICO文件保存好到本地,将转换好的ico文件改名为favicon.ico,这个文件也就算是完成了,看下图所示:

  

  然后,将你存放于本地上的ICO文件用FTP工具上传到你网站的跟目录,我自己上传的截图出来看看吧,看下图所示:

  

  其次就是在你网站源码,index页面中代码中,在head标签中添加代码:,接着就是保存啦。以我博客为例来个截图:

  

  最后,在你在服务器上保存好了,就生效了,你可以打开浏览器重新入你网址,看看是不是你刚才那个设计的小图标出来了呢,是不是挺简单的。可以看看我博客首页的效果。欢迎与我交流噢!

好文打赏,给Ta鼓励
扫一扫用手机阅读本文
Tags:网站  地址  小图  小图标  图标  怎么  添加  
  • 相关搜索
图片推荐
    网站内容如何通过seo内容进行布局优化

    网站内容如何通过seo内容进行布局优化

    seo内容优化布局,通过SEO分析研究内容的更新方向和目标,再通过内链布局优化网站的页面丰富度,来提升网站页面的整体质量和权重。    seo内容布局链接优化  在分析布局网站的链接内容布局,要结合商
    新版EasyPanel安装过程及简单使用

    新版EasyPanel安装过程及简单使用

    简介  easypanel虚拟主机控制面板是一款免费的、跨平台的集开通虚拟主机、ftp、空间、数据库等功能为一体的虚拟主机控制面板。  EasyPanel安装过程  1,连接上的你的Linux VPS
    由iphone5地图显示钓鱼岛是日本的谈起

    由iphone5地图显示钓鱼岛是日本的谈起

    近日,钓鱼岛火了,iphone5火了,本来沾不上边的两个东西,却因为一篇帖子引起了轩然大波,我最初也是在猫扑网上看到的,说道iphone5自带的地图中把中国的钓鱼岛划给了日本,而诺基亚的地图标记始终是
    教你微商怎么做,微商怎么找客源?

    教你微商怎么做,微商怎么找客源?

    客源,不是所谓的同行更不是一些僵尸,现在的微信已经限制好友5000人,所以我们一定要将好友的价值最大化,所以说我们一定要找到属于自己的精准客户,对,要的就是精准。  我教你,其实写软文不需要有特别好的
    你想抓住互联网机遇,成为风口上的猪吗?

    你想抓住互联网机遇,成为风口上的猪吗?

    根据统计目前中国的网民人数已经尝过8亿,微信的手机用户已经超过6亿,互联网已经成为众多创业者的掘金之地,每年都会吸引众多的国内外创业者进入淘金,甚至连传统行业也加入其中,更多的创业者为了成为第二个雷军
你是怎么知道非凡网赚网的?
  •   
  • 联系QQ 邮箱:976382653@qq.com 微信:976382653
    在线留言
    发布软文
    广告自助购
    文章调用
    常见问题
    保存到桌面