免费《新手做网站视频教程》,在线观看,如果你想从零开始自己做网站,点击开始吧!

网页左侧小图标是什么?如何设置favicon?

  1. 首页
  2. »
  3. 图文教程
  4. »
  5. 网页设计教程
  6. »
  7. 网页左侧小图标是什么?如何设置favicon?

文章目录

网页左侧小图标是什么?

网页左侧的小图标叫做 favicon,favicon 就是出现在浏览器地址栏左侧的那个小图标。favicon是Favorites Icon(收藏夹图标)的缩写,顾名思义,便是其可以让浏览器的收藏夹中除了可以显示相应的标题外,还可以以图标的方式标识网站。

favicon图标存储在网站根目录(什么是网站根目录?)下,名为 favicon.ico。

favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标。

 

如何设置favicon?

我们首先需要制作一张正方形图片,最好为透明背景,格式为png。

  • 原始图像文件大小限制在小于500k。
  • 建议制作一张400×400的jpg图像, 然后等比缩小到你想转换的ico尺寸(例如 32 x 32)

然后使用PhotoShop在线ico图标转换工具将png格式的图片转换为 ion格式。

然后将其重命名为 favicon.ico ,上传至网站根目录。清除浏览器缓存或者更换浏览器后即可看到效果。

推荐阅读

联系我