浏览器自定义图标的方法

最新推荐文章于 2023-03-15 12:47:39 发布

春雨～苏（Su）

最新推荐文章于 2023-03-15 12:47:39 发布

阅读量545

点赞数

本文链接：https://blog.csdn.net/weixin_45492532/article/details/107639918

版权

浏览器访问自己写的Web应用，地址栏上的图标为：在这里插入图片描述
看到其他网站的图标都是自己本公司的LOGO，很是好看，像百度的：
自定义图标的方法
方法一：设计自己ico图标Logo，可以自己制作ico图标，大小可以为16x16,32x32,48x48。
在线生成ICO图标制作一个16*16 的.icon文件，文件名必须要favicon.ico，然后放在服务器根目录下面，一般浏览器会自动默认在跟目录下面查找。

方法二：在前端页面html的head表头中加：

<head>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
//href中是ico图片的路径

如果icon是gif动态图需要修改type属性

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

春雨～苏（Su）

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浏览器自定义图标的方法

浏览器访问自己写的Web应用，地址栏上的图标为：看到其他网站的图标都是自己本公司的LOGO，很是好看，像百度的：自定义图标的方法方法一：设计自己ico图标Logo，可以自己制作ico图标，大小可以为16x16,32x32,48x48。在线生成ICO图标制作一个16*16 的.icon文件，文件名必须要favicon.ico，然后放在服务器根目录下面，一般浏览器会自动默认在跟目录下面查找。方法二：在前端页面html的head表头中加：<head> <link rel="sh
复制链接

扫一扫