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

2018年8月26日 14:17:24建站教程1 1,18712018年10月12日

腾讯云2核2G3M服务器88元/年、2核4G5M带宽166元一年，可买3年，4核8G12M带宽、8核16G、16核32G...
阿里云99元服务器，新老用户均可买，99元/年续费到2027年，396元4年，多配置特价...

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图标在线制作

如上图所示，本地制作好图片，直接上传到该网站，可以选择图片尺寸，然后输入验证码即可自动下载生成好的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

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