如何设定网站的ico图标

2024-10-21 09:18:51

如何设定站的ico图标?

工具/原料

photoshop

编辑/制作ico图标

1、打开使用ps制作ico图标,需要预先设计图标大小、风格、背景配色等。

如何设定网站的ico图标

2、举例,这里我们随便选择一个形状作为ico,也可以是字母,也可以下载更多的字体

如何设定网站的ico图标如何设定网站的ico图标

3、下载一个ps的ico插件,保存编辑好的ico图标,保存为:

如何设定网站的ico图标

部署/发版

1、将ico图标放到服务器根目录下,兼容部分浏览器,图标文件名称必须是:favicon.ico

如何设定网站的ico图标

2、在网页的html->head层级添加以下标签,兼容所有浏览器<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

3、运行网站,查看效果

如何设定网站的ico图标

4、发布网站

猜你喜欢