favicon.ico图标制作和显示方法

建站教程1 1,1661

favicon.ico图标是指网站打开后浏览器上的小图标,那么favicon.ico图标如何制作?favicon.ico图标制作好了之后怎么显示出来?新手站长网告诉你ICO图标的制作以及网站显示ICO图标的方法:

一:favicon.ico图标

favicon.ico图标的特点在于.ico后缀,那么这种后缀的图片是如何生成的呢?使用Photoshop?不太麻烦,.ico图标可以在线做,安利大家一款ICO图标在线制作网站:文章源自新手站长-https://xinshouzhanzhang.com/favicon-ico.html

ICO图标在线制作

网址:www.bitbug.net

favicon.ico图标制作和显示方法

favicon.ico图标在线制作


如上图所示,本地制作好图片,直接上传到该网站,可以选择图片尺寸,然后输入验证码即可自动下载生成好的ICO格式图片。文章源自新手站长-https://xinshouzhanzhang.com/favicon-ico.html

网站favicon图标显示方法

将favicon.ico图标地址引用到网站的<head> </head>标签中即可,以WordPress为例,将下列代码引用网站头部模板header.php文件中的<head> </head>标签中文章源自新手站长-https://xinshouzhanzhang.com/favicon-ico.html

<head>
<link rel="shortcut icon" href="/favicon.ico" />
</head>

请注意favicon.ico的引用地址,一般favicon.ico图片放在网站根目录,也可以自定义放到自己喜欢的目录中,但请注意引用该图标地址一定要正确,否则无法显示。文章源自新手站长-https://xinshouzhanzhang.com/favicon-ico.html 文章源自新手站长-https://xinshouzhanzhang.com/favicon-ico.html

【阿里云99元服务器】入口2核2G3M带宽、新老用户同享、99元/年续费到2027年

【腾讯云特价】:2核2G3M 88元一年、2核2G4M 108元1年 366元3年、2核4G5M 166元/年 566元3年、4核8G12M 446元一年 更多配置8核16G18M和16核32G28M 点我直达 >>

2023阿里云优惠活动:xinshouzhanzhang.com/go/aliyun

注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,确实值得。

 最后更新:2018-10-12
  • favicon.ico
  • favicon
阿里云服务器

阿里云99元服务器赠送云·原生建站(电商版)

现在购买阿里云99元服务器赠送云·原生建站(电商版),什么是云原生建站?类似模板建站,云·原生建站预置响应式模板+CMS内容管理系统,用户可以按需随意切换模板样式,通过模板可视化在线编辑轻松完成网站搭...
    • 郑州SEO 0

      谢谢分享!

    评论已关闭!