网站ico怎么设置

网站ico怎么设置,第1张

网站ico图标怎么设置方法:

1、制作一个尺寸16x16大小的图片,可以用图片处理工具来设计,然后保存到本地电脑上,通过网上搜索查找ico在线制作工具,可以查询出很多有关的网站,把jpg图片上传并转换生成一个标准的ico图标命名为:favicon.ico。

2、把favicon.ico文件上传到网站的根目录下。并把网站的首页文件的源代码<head></head>之间加上一句:<link rel="shortcut icon" href="favicon.ico" >。

3、把更改好的首页文件上传到空间上,再用浏览器打开就可以看到网址前面有自己设计的ico图标了。

ico图标是一种修饰网站的图标,可以选择一个对自己比较独特的图片或者文字制作。

设置网站ico图标的两种方法

方法一:

直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。还有将

favicon.ico 中的 favicon 命名为你网站域名的名称也可以,例如:你网站的域名为:xll.com,你可以将该 ICO

文件命名为:xll.ico

方法二:

1. 在网页的

<head>...</head>区加入代码:<link rel="Shortcut Icon"

href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用

favicon.ico了,可以用任意的名字来命名,如:aoul.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是

必须做到图标文件的链接地址要正确。还有,在 <head>...</head>区加入代码:<link

rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中显示你网页链接的自定义图标。

2. 在网站首页的源文件<head>

</head>之间插入下面的斜体部分代码<head>……<link rel="shortcut icon"

href="favicon.ico"></head>

3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif <head></head>之间加上:

<link rel="icon" href="favicon.gif" type="image/gif" >

1>.在线生成favicon.ico的网址:http://www.chami.com/html-kit/services/favicon/

它有6个在线工具:http://www.chami.com/html-kit/services/

1.FavIcon from Pics //这个就是在线生成favicon.ico图标了,提交一个图片,它会生成一个ICO文件,并打包下载

2.Favicon Validator //favicon验证

3.Buddy Icon from Pics //把图片转换成ICO格式,还可制作PNG格式的背景图片

4.Image Embellisher //制作特殊效果的图片,比如立方体,Windows徽标那样的波浪

5.Online Image Splitter //切割图片

6.Cookie Tester //cookie 测试

得到你的图标以后,把favicon.ico上传到服务器放在网站根目录下,然后在首页文件中<head>段插入:

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

<link rel="Bookmark" href="favicon.ico">

如果你希望出现动画效果的favicon图标,那就上传animated_favicon1.gif并且添加如下的HTML标签:

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

<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

2>.手工在线制作ico图标:http://www.rw-designer.com/online_icon_maker.php

这里,你可以手工画图制作ico文件

3>.中文在线生成ico:http://www.bitbug.net/

4>.最后推荐一个挺不错的:http://www.favicon.cc/

5>.Favicon Japan!! 可以号称是日本 Favicon 图示资料库,除了介绍 Favicon 的使用、制作方法之外,还手机了许多国内外网站的 Favicon 图示,俨然成为超大型的图示收藏地。除了可以直接下载使用图示外,网站更提供「Favicon自动生成」让你快速将 GIF, JPG, PNG 转为 ICO 档。

http://www.favicon.jp/


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/787848.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存