回到所有的课程
课程库

favicon和触摸图标

在你的Webflow网站上使用favicon和触摸图标。

这个视频的特点是一个旧的UI。更新版本即将发布!

发布网站时最重要的整理方面之一是如何在浏览器的UI或移动主屏幕上表示你的网站。

在这节课中:

  1. 的图标
  2. 触摸图标
  3. 形象资产
  4. 上传你的图标

的图标

favicon被大多数浏览器用来在浏览器标签和书签中表示你的网站。

一个谷歌chrome窗口包括google.com, apple.com, youtube.com和维基百科标签。wikipedia选项卡的图标被突出显示。

触摸图标

触摸图标或网络剪辑被用在Safari的书签等地方。

safari浏览器窗口包括12个触摸图标。维基百科的触摸图标被突出显示。

当你的网站链接保存到智能手机的主屏幕时,它们也会显示出来。

形象资产

在准备要上传的web图标图像资产时,创建一个32x32像素的图像作为favicon,创建一个256x256像素的图像作为Webclip或Touch图标。

一个图表包括两个Webflow徽标W图标。尺寸用箭头和数字指定。在左边,favicon应该是32像素。
在这些图像资产中使用的文件名将在HTML中可见,因此要注意不要在文件名中包含任何不希望被搜索引擎索引的内容。

上传你的图标

一旦你准备好了你的图像资产:

  1. 去你的项目设置>一般选项卡>图标
  2. 上传你准备的图像
  3. 发布您的站点将进行更改
  4. 刷新您的实时网站在浏览器中看到更新的favicon
尝试Webflow——它是免费的
Baidu
map