51、如何给网站设置自定义图标-文公子副业-兼职-网赚-赚钱项目
欢迎您光临本站,秉承服务宗旨,履行"站长"责任,销售只是起点,服务永无止境!

51、如何给网站设置自定义图标

作者 : 文公子副业 本文共560个字,预计阅读时间需要2分钟 发布时间: 2023-06-15 共207人阅读

使用场景:提高网站品牌,网站标识度

方法1:

在网站根目录下准备一张名为 favicon 的图片,图片格式为 ico

图片像素的最小尺寸为:16*16

使用这种方式,网页会自动选取这张图片作为图标,并且该网站目录下的所有网页的图标都会显示为这张图片。

制作工具:搜小二站长工具网

方法2:

通过 <link> 标签指定网页图标:

<head>
<meta charset="UTF-8">
<title>网站图标显示</title>
<link rel="icon" href="./image/favicon.ico">
</head>

这种方式的特点:

展示为网站图标的图片可以放在网站的任何位置,通过引用相对路径即可。

网站中不同的页面可以指定不同的图标,需要给每个网页引入 <link> 标签。

图片格式和名称不受限制,但不同浏览器可能对格式的要求不一样:

<!– png 格式也可以 –>
<link rel=”icon” href=”./image/png_icon.png”>
<!– gif 格式也可以 –>
<link rel=”icon” href=”./image/gif_icon.gif”>
可以和方法1同时使用,但方法2优先级最高。

原文链接:https://blog.csdn.net/apple_54470279/article/details/124371299

文公子副业是文公子创盟旗下的副业,兼职,网赚网站。
文公子副业-兼职-网赚-赚钱项目 » 51、如何给网站设置自定义图标

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

发表回复

开通VIP 享更多特权,建议使用QQ登录