网站图标的生成和使用--web前端

作为一个新的前端小白吃,现在开始记录自己前端的学习过程。

什么是网站图标呢?(如图下)

就是我红色圈画的这个玩意。

它的格式不是大家熟悉的png、jpg、flg格式,而是ico格式。当然这里我说的格式就是后缀名的意思,小白表示不会专业术语。

1.首先你要有一个网站的logo图(png、jpg格式),然后将它转换成ico格式。怎么转化呢,现在小白吃给你介绍一个免费转换的网站。(http://www.bitbug.net)又叫比特虫。

在选择文件哪里选择自己的logo图,目标尺寸一般情况下是16*16、32*32和48*48的。把附加码输入点击“生成ico图标”就可以了。(如图下面标1)可能名字不一样,这个可以自己进行修改。注意:讲这个图标放在根录目下,这个样你才呢个引用下图的二语句<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 。这个语句 放进去就可以显示网站图标了。靠!博客比我周记字数都多,看样子我还是爱前端的。

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值