首页 > 电脑专区 > 电脑教程 >

怎样给自建网站添加小图标

来源:互联网 2023-02-21 17:55:44 版权归原作者所有,如有侵权,请联系我们

在Windows系统下的浏览器中进入网站时,在网页标签的左上角都会有这些网站标志性的小图标,不但美观而且能很好地宣传网站的品牌。其实我们的自建网站中也可以加入自己的标志性小图标,下面简单介绍一下添加过程。HHm办公区 - 实用经验教程分享!

怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

工具/原料

  • 网页浏览器
  • ftp软件工具
  • 记事本等纯文本编辑软件

方法/步骤

  • 1

    准备好要用的图标文件。要求.ico格式,大小可以为16*16、32*32或64*64(像素)。这个可以直接百度搜索,或下载好素材用mspaint去休整,或自己PS一个图标。HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

  • 1此文章非法爬取自百度经验
  • 2

    将图标命名为favicon.ico,利用ftp软件(本人用的flashfxp)将图标文件上传到网站的根目录下(本人用的百度云虚拟机,上传到/webroot文件夹下)。HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

  • 3

    利用ftp软件将首页index.htm(我的还有index.html)下载到本地(选中文件,右键菜单中选择“传输选定的项”),建议先备份一份不修改,如果出现问题方便恢复。HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

  • 4

    利用记事本或其它纯文本编辑软件打开index.htm(和index.html),找到head>/head>标签,在里面加入一段代码“linkrel="shortcut icon" href="favicon.ico">linkrel="Bookmark" href="favicon.ico">”.改完后保存。HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

  • 5

    再利用ftp工具将index.htm(和index.html)传回网站根目录,覆盖旧版本。HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

  • 6

    回到浏览器中,清除缓存后(这个很关键,不然还是不能正常显示,这里以edge浏览器为例介绍清除缓存的过程,清除后重启浏览器),输入对应的网址,就可以看到自建的网站也有标志性的小图标了。如果未显示,还可以试试未用过的浏览器中是否正常显示,如果这时能正常显示的话证明是浏览器缓存问题,再清除缓存并重启浏览器应该就正常了。HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

    怎样给自建网站添加小图标HHm办公区 - 实用经验教程分享!

  • 注意事项

    • 修改前要先记得先备份。
    • 清理浏览器缓存很重要,否则显示不出来添加的图标。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!HHm办公区 - 实用经验教程分享!


    标签: 操作系统怎样

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号