favicon图标_给你的网站制作浏览器favicon图标

来源:悦然网络工作室

273bce31909e036798624063452f2015.png

不知道大家有没有发现一个企业网站的小细节,那就是我们用浏览器打开有些网站时,浏览器标签上会显示他们的LOGO图标,而有些却没有,只有一个默认图标。

d9f8e39ddc18fc68266a09a31fc71adf.png

如上图所示,浏览器标签上分别显示的是悦然网络工作室、优酷、5118等网站的LOGO图标,这样可以加深用户对你鲍,对品牌宣传也是有一定的好处的。

a063d2d16cc4c1dbe52ffd05d48e6663.png

而上图的这几个网站则没有设置单独标签图标,浏览器只能显示默认的。

其实浏览器标签上显示的图标叫做favicon图标,是一种国际通用的网站图标,最早是由微软创设的。

怎么才能给自己的企业网站制作一些独特的标签图标呢?下面悦然网络工作室就给大家分享一下设置方法:

一、使用网站模板自带功能

eb10043adcadd41e8ef755b59aace7ca.png

如果你是使用的是wordpress之类的网站模板制作企业网站,一般可以直接在模板中进行设置,图片格式没有特别要求,一般使用64*64像素以内的PNG图片就可以了。

二、在线生成favicon图标

如果你的网站或模板没有自带的favicon设置功能,那么可以通过一些在线的favicon图标转换工具来实现。

1.首先制作好你需要的图标,最好是PNG格式。

2.找一个在线favicon图标网站(如https://tool.lu/favicon)。

3.上传图标,然后根据网站提示生成你需要的图标,此时生成的图标是favicon.ico格式的。

4.使用FTP工具,把刚才生成的favicon.ico图标上传到你的网站根目录。

5.刷新一下网站和浏览器缓存,然后你的网站就会有图标了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值