每天进步一点点: Favicon by oflyhigh

View this thread on steempeak.com
· @oflyhigh ·
$17.84
每天进步一点点: Favicon
大家访问网站时,有的网站会在浏览器标签栏上显示一个小小图标,有的则没有,这是什么黑科技呢?比如STEEMIT的网站上,就会显示一个绿色的小鸡图标(哈哈,是小鸡不?)

![](https://steemitimages.com/DQmRkLq6rRew3mHfx4vYGWyqpC8wSebLPeC2iZCXAdpuGkR/image.png)
(图源 :[pixabay](https://pixabay.com/))

其实这个秘密说出来是很简单的,无非是在网站根目录下放置一个名叫favicon.ico的图标文件,然后就可以啦。

而这个favicon.ico文件呢,其实说白了就是16x16像素的小图片,现在浏览器原则可以支持GIF、JPG或者PNG格式的图片,但是为了更好的支持所有的浏览器,ICO格式(Microsoft icon format)依然是最好的选择。

可以通过如下在线工具来制作/转换ICO格式:
>* [Favicon.ico & App Icon GeneratorFrom Dan's Tools](https://www.favicon-generator.org/)
>* [Online favicon creator generator ico convertor](https://onlinefavicon.com/)

至于操作步骤按提示操作就可以啦,就不再赘言啦。

尽管对于有些浏览器,将favicon.ico放入站点根目录即可,但是添加如下代码将会更好的兼容各种浏览器:
>`<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">`
`<link rel="icon" href="/favicon.ico" type="image/x-icon">`

比如steemit的页面头部就包含了如下代码(其中v=2我估计可能就是区别于之前的favicon):
>`<link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" data-reactid="22"/>`

更多关于Favicon的使用详情,请参考文末链接的维基百科内容。

# 相关链接

* [Favicon - Wikipedia](https://en.wikipedia.org/wiki/Favicon)
* [Favicon.ico & App Icon GeneratorFrom Dan's Tools](https://www.favicon-generator.org/)
* [Online favicon creator generator ico convertor](https://onlinefavicon.com/)

----
<center><strong>Vote For Me As Witness</strong>
https://steemit.com/~witnesses type in **`oflyhigh`** and click ***`VOTE`***
[![](https://cdn.steemitimages.com/DQmX5NysqT44FBa3bhuWqQ69nAbseu8Nt5YQPn2pYejPVxA/image.png)](https://steemit.com/~witnesses)
[Vote @oflyhigh via Steemconnect](https://steemconnect.com/sign/account-witness-vote?witness=oflyhigh&approve=1)
<strong>Thank you!</strong></center>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 98 others
properties (23)
post_id77,394,086
authoroflyhigh
permlinkfavicon
categorycn
json_metadata{"tags":["cn","study","favicon"],"image":["https:\/\/steemitimages.com\/DQmRkLq6rRew3mHfx4vYGWyqpC8wSebLPeC2iZCXAdpuGkR\/image.png","https:\/\/cdn.steemitimages.com\/DQmX5NysqT44FBa3bhuWqQ69nAbseu8Nt5YQPn2pYejPVxA\/image.png"],"links":["https:\/\/pixabay.com\/","https:\/\/www.favicon-generator.org\/","https:\/\/onlinefavicon.com\/","https:\/\/en.wikipedia.org\/wiki\/Favicon","https:\/\/steemit.com\/~witnesses","https:\/\/steemconnect.com\/sign\/account-witness-vote?witness=oflyhigh&approve=1"],"app":"steemit\/0.1","format":"markdown"}
created2019-07-03 01:02:39
last_update2019-07-03 01:02:39
depth0
children2
net_rshares36,485,807,372,948
last_payout2019-07-10 01:02:39
cashout_time1969-12-31 23:59:59
total_payout_value13.872 SBD
curator_payout_value3.965 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,610
author_reputation1,148,153,621,496,884
root_title"每天进步一点点: Favicon"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (162)
@john371911 ·
學習推。
👎  
properties (23)
post_id77,394,742
authorjohn371911
permlinkpu1kuy
categorycn
json_metadata{"tags":["cn"],"app":"steemit\/0.1"}
created2019-07-03 01:16:12
last_update2019-07-03 01:16:12
depth1
children0
net_rshares-35,839,398,265
last_payout2019-07-10 01:16:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length4
author_reputation66,408,278,506,348
root_title"每天进步一点点: Favicon"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@partiko ·
Thank you so much for participating in the Partiko Delegation Plan Round 1! We really appreciate your support! As part of the delegation benefits, we just gave you a 3.00% upvote! Together, let’s change the world!
properties (22)
post_id77,395,296
authorpartiko
permlinkre-favicon-20190703t013012
categorycn
json_metadata{"app":"partiko"}
created2019-07-03 01:30:15
last_update2019-07-03 01:30:15
depth1
children0
net_rshares0
last_payout2019-07-10 01:30:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length213
author_reputation39,204,266,552,701
root_title"每天进步一点点: Favicon"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000