亲,欢迎光临欧方源码网,本站为您提供优质的资源与服务! 按 ctrl + D 加入收藏,下次访问更方便。
当前位置:首页 > 站长学院 > 前端 > 网站浏览器左上角图标修改教程,网站favicon图标修改,浏览器网站图标修改

网站浏览器左上角图标修改教程,网站favicon图标修改,浏览器网站图标修改

前端
欧方源码 2024-01-14 1214次

我们再浏览网站时,通常在浏览器上会看到当前网站的logo小图标,下方图示以欧方源码网的网站为例。

这个图标是如何生成呢? 仅仅5步即可设置好


1、首先准备一张像素高一点的logo图标或要在浏览器中显示的图片(正方形的图片) 格式推荐:jpg,png,jpeg


2、通过软件或在线网站转成 ico 格式的小图片。

推荐几个在线转换的网址(点击下方红字进入,有的可能会失效,多试几个):

在线转换1     在线转换2      在线转换3

注意:一般大小推荐:32*32或者48*48


3、将上方生成的图片保存下载并命名为:favicon.ico


4、上传到网站根目录


5、在网页中通过代码引入此ico图标:

rel="shortcut icon" href="/favicon.ico">

最后强制刷新网页或更新浏览器缓存,即可在浏览器中看到更换的网站图标。

声明: 本站资源来自网络或会员自行发布,请勿用于非法及商业用途,如果侵犯了您的权益请与我们联系!

上一篇: 网页变灰js特效 网页变黑白代码

下一篇: 暂无

推荐模板
QQ在线咨询