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

2018年8月26日14:17:24建站教程1 1,055 views1

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

一:favicon.ico图标

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

ICO图标在线制作

网址:www.bitbug.net

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

favicon.ico图标在线制作


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

网站favicon图标显示方法

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

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

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

评论:1   其中:访客  1   博主  0
    • 郑州SEO 0

      谢谢分享!

    评论已关闭!