如何给网站设置ICO图标

Posted 2023-04-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何给网站设置ICO图标相关的知识，希望对你有一定的参考价值。

参考技术A 　设置网站ico图标方法一：
　　1.制作一个尺寸16x16大小的图片，可以用图片处理工具来设计，然后保存到本地电脑上，通过网上搜索查找ico在线制作工具，可以查询出很多有关的网站，把你的jpg图片上传并转换生成一个标准的ico图标命名为：favicon.ico
　　2.把favicon.ico文件上传到网站的根目录下的Public/img/favicon.ico，并把网站的首页文件的源代码<head></head>之间加上一句：<link rel="shortcut icon" href="favicon.ico" >
　　3.把更改好的首页文件上传到空间上，再用浏览器打开就可以看到网址前面有自己设计的ico图标了。
　　方法/步骤2

　　1.直接在站点根目录下放入名为：favicon.ico 的图标文件（必须要为 ICO 文件，BMP 及其他格式的图片文件不行）。还有将 favicon.ico 中的 favicon 命名为你网站域名的名称也可以。
　　注意事项

　　ico图标会拖延网站的加载速度，个人认为可做可不做。
　　ico图标是一种修饰网站的图标，可以选择一个对自己比较独特的图片或者文字制作。本回答被提问者采纳参考技术B

你可以用这个在线的ico图标工具制作，可以把各种格式的图片在线裁剪缩放，然后转换成网站图标文件格式，还能实时预览，你可以试试，输入图片上的。

如何给网页标题栏上添加图标(favicon.ico)（转）

favicon.ico详解：
favicon是Favorites Icon的缩写，favicon.ico是指显示在浏览器收藏夹、地址栏和标签标题前面的个性化图标。

设置步骤：

1. 把做好的favicon.ico图标文件上传到网站根目录，并命名为xxx.icon就可以了；

2. 把以下代码放到网页Html代码中的<head>部分：

<head>
    <title>Index</title>
    
    <link rel="Shortcut Icon" href="~/Images/xxx.ico" type="image/x-icon" />
</head>

说明： 1. Icon图标可以直接放到自己的网站根目录，也可以是放在你存放图片的文件夹Images里。但是该图标的路径一定要使用绝对路径。

2. favicon.ico一般应是16×16的1个256色的图标。