网站添加favicon.ico

这篇博客介绍了如何制作和添加网站的favicon.ico图标。首先,你需要准备一张长宽相等的图片,然后使用在线工具如aTool将图片转换为ico格式,建议尺寸为32*32。生成图标后,将其保存并命名为favicon.ico,放置于网站根目录。接着,在每个页面的HTML head部分插入如下代码来引用图标。注意,转换前确保图片尺寸正确,以避免图片变形。

  favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹。它是展示网站个性的缩略logo标志,也可以说是网站头像。
  准备一张长宽一样的图片,然后打开在线工具aTool(http://www.atool.org/ico.php)生成ico图标。点击选择文件,可以浏览你刚刚生成的宽高相同的图片。选择生成的图片尺寸大小,建议采用32 * 32的大小。点击生成favicon.ico图标按钮,即可结束。
  点击保存链接即可将图片另存到本地磁盘,然后将文件重命名为favicon.ico,放到网站的根目录,强烈建议放在根目录。然后在网站的每一个页面的head标签内加入如下两行代码。清空浏览器缓存,刷新网页网址即可看到网站的图标。

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

  补充说明:在线转换之前一定要转换成长宽相等的图片,否则转换成ico之后,图片会被拉伸或者压缩。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值