如何在浏览器地址栏显示自己的.ico图标

如何在浏览器地址栏显示自己的.ico图标,第1张

方法:

1先通过ps自己做一个自己中意的png,就要用这个制作成网站的ico

用png格式的是因为png格式可以保存透明的。

2使用搜索引擎搜索ico图标制作,第一个就是百度相关的应用,直接点击上传刚才制作的,然后点击“保存ico”

3保存ico时,需要对文件进行重新命名,ico图标要命名为faviconico

4保存好ico图标后,就要把图标上传到网站的根目录,也就是和网站首页在同一个目录下。

5上传后,开始修改网站首页代码,在网站头部信息中加入一行代码。

代码为:<link rel="shortcut icon" href="faviconico"/>

6然后把首页上传就好了,打开浏览器测试即可。

如果使用的是360浏览器,这里是不会更新的,因为360是把图标保存到电脑本地上,名字为:域名ico,需要把这个删除后才能生效。目录在C盘下,搜索下就能找到

注意事项:

1图标的命名为faviconico

2代码要加入到head标签之间(代码)

方法/步骤
1
先制作一个ico图标,一般图标都是网站的logo,尺寸为1616像素。可以用任意你习惯的软件就好,制作好了存储为png格式。
注意制作过程一定要仔细,要做的清晰。
2
制作好了以后就要把它转换为ico格式的,这个时候只需要随便在网上搜索“ico图标制作”,然后选择在线制作,上传,转换为ico格式保存即可。
3
ico图标制作好了,接下来就需要把图标上传到网站根目录了。通过ftp把上传到根目录下。一般根目录文件夹为>

方法:

1先通过ps自己做一个自己中意的png,就要用这个制作成网站的ico

用png格式的是因为png格式可以保存透明的。

2使用搜索引擎搜索ico图标制作,第一个就是百度相关的应用,直接点击上传刚才制作的,然后点击“保存ico”

3保存ico时,需要对文件进行重新命名,ico图标要命名为faviconico

4保存好ico图标后,就要把图标上传到网站的根目录,也就是和网站首页在同一个目录下。

5上传后,开始修改网站首页代码,在网站头部信息中加入一行代码。

代码为:<link rel="shortcut icon" href="faviconico"/>

6然后把首页上传就好了,打开浏览器测试即可。

如果使用的是360浏览器,这里是不会更新的,因为360是把图标保存到电脑本地上,名字为:域名ico,需要把这个删除后才能生效。目录在C盘下,搜索下就能找到

注意事项:

1图标的命名为faviconico

2代码要加入到head标签之间(代码)

在网页<head> 与</head>之间插入
<LINK rel=”Bookmark” href=”ico地址” >
<LINK rel=”Shortcut Icon” href=”ico地址” />
还有一很简单的方法就是将ico标示以faviconico命名后上传到你空间的根目录,那么在支持的浏览器中浏览器你网站所有页面时,在浏览器的几个位置将都会出现这个图标

只要在网站根目录放好文件faviconico即可。当faviconico被置于文档根目录时,将会被一些不处理link元件的浏览器找到,即使没有您的站点上没有指向它的链接。
标准化
Favicon 功能最早由微软创设,而微软公司的Internet Explorer网页浏览器会对每一个网站都请求favicon。微软支持的link标签不遵从World Wide Web Consortium(W3C,万维网联盟)的HTML建议[1],因为:rel属性必须包含一个用空格作分隔符的link类型的列表,所以一个包含两词的link类型不能被遵守标准的浏览器理解
——————
还有一种在需要展示的网页上添加代码也可以
<link rel="shortcut icon" href=">

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13283172.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-07
下一篇 2023-07-07

发表评论

登录后才能评论

评论列表(0条)

保存