html设置网站图标favicon.ico【带在线图标制作网址】

一般图标设置名称为favicon.ico，如果不写默认会调用该网站根目录下的favicon.ico

在< head >标签当中添加如下代码：

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

这样可以指定图标路径和名称，如果想要多次测试的话，由于图标文件缓存刷新优先级较低，所以要在后面加个随机数，改变url，则会每次刷新缓存。

head标签里面添加：

<script type="text/javascript">document.write('<link rel="shortcut icon" href="/favicon.ico?rad='+Math.random()+'" type="image/x-icon">');
</script>

这样就可以每次都刷新网站图标了。

对于网站 favicon.ico 图标的大小，建议大家选择 16x16 或者 32x32。

参考资料：

刷缓存：https://blog.csdn.net/nvzizhou/article/details/51218992
在线图标制作：
https://www.easyicon.net/covert/
【备用链接】
http://www.fly63.com/php/ico/

html设置网站图标favicon.ico【带在线图标制作网址】相关推荐

网站图标 favicon.ico 快速在线制作工具
建议生成16*16的比较小.加载快.兼容好. 这两个工具都很不错!!! 制作完,放在网站目录里. 把下面这行代码加入到网页内,href=""改成你自己的favicon.ico位置. ...
typecho图标_Typecho浏览器图标favicon.ico添加方法 - 新手站长网
摘要 Typecho设置浏览器图标favicon.ico的方法,先制作ico图片然后上传到主题所在目录,然后编辑外观在header.php文件中插入shortcut icon代码 Typecho如何添 ...
Favicon.ico图片在线制作图标网站php源码
源码介绍在线ICO图标制作Favicon.ico图片在线制作网站PHP源码+支持多种图片格式转换 Favicon.ico图标在一定程度上可以体验网站的特诊,类似LOGO一样,1.我们通过上面的步骤制 ...
前端如何设置浏览器网页标签页前的小图标favicon.ico
前端如何设置浏览器网页标签页前的小图标favicon.ico 步骤1: 将小图标favicon.ico文件(或者普通的icon小图片)放在项目的public或者static目录下步骤2: index ...
html：link-icon标签引入网站小图标favicon.ico
示例 <link rel="shortcut icon " type="images/x-icon" href="favicon.ico&quo ...
网页图标favicon.ico介绍及使用
目录一.网页图标favicon.ico介绍二.关于shortcut icon和icon代码的区别介绍 1. 常用形式 2. 讨论 3. 关于type属性 4. 相关历史三.制作favicon.i ...
html地址欄小圖標,网站地址栏前面的小图标favicon.ico制作方法
那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到 ...
网站的图标 favicon.ico
网站图标是什么浏览器收藏夹和地址栏网站网址前面的个性化图标,常被成为网页小图标.网站缩略图标或者收藏夹图标,是网站的重要识别方式. 如上图中CSDN的C favicon.ico 默认情况网页未指定i ...
HTML设置浏览器默认favicon.ico图标
需求描述: 有些业务场景需要不展示或者动态展示浏览器标签页图标,不展示时则使用浏览器默认的图标.(特别是之前设置过浏览器标签页图标,直接删除link标签是没用的) 解决方案: 修改link标签href ...

html设置网站图标favicon.ico【带在线图标制作网址】

html设置网站图标favicon.ico【带在线图标制作网址】相关推荐

最新文章

热门文章