创建自定义Favicon

目录:

Anonim

我会承认一些令人讨厌的东西。我真的很喜欢favicon。他们很有趣。他们是一个很好的品牌工具。而且它们很简单,小企业主可以做些什么来增加他们的网站,甚至提高用户的可用性。

如果你不知道它是什么,请让我提供一些帮助:

$config[code] not found

Favicons是迷你的16×16像素图形,代表您的网站在地址栏,用户的书签列表或浏览器标签中。它们允许访问者与您的网站建立可视连接。

整齐!你是如何创造一个的?

设计您的图标:

  • 用手:打开你最喜欢的图形程序并进入它。您需要创建一个16×16像素的新文件并放大直到该区域可用或打开一个更大的区域,但仍然是16×16的某种倍数。当您手动设计您的favicon时,请使用能准确代表您的品牌的东西 - 无论是常见的配色方案,您的公司名称等等。无论您创建什么,都必须经受16×16像素的严格限制。
  • 有了工具:如果你的设计受到挑战(不用担心,我也是),有一些很棒的工具可以让像我们这样的人轻松创造出很棒的爱好者。例如,Favicon.cc将为您提供一些结构,让您直接从他们的网站构建您的结构,或者Pics的FavIcon将允许您上传图片并为您生成图标。简单!

保存您的图标:保存文件时,将其减少到16位并保存为“favicon.ico”如果您正在使用Photoshop或“favicon.gif”或“favicon.png”,如果您正在使用其他内容。如果您正在使用Photoshop并希望为您的图标添加一些额外的功能,建议您下载Windows图标文件格式插件,以便您可以保存为ICO格式。

上传您的favicon:连接到您的服务器并将您的favicon上传到您网站的根文件夹。然后,将以下HTML代码添加到网页的head部分(两个Head标记之间)(选择文件类型):

刷新:完成后,刷新浏览器,您会看到显示的图标。如果没有,请给它几分钟。有时需要一点点才能同步。

就是这样!有四个步骤,您有一个很棒的品牌图标,可以帮助用户在书签列表或浏览器中识别您的网站。很简单吧?

只是为了好玩,这里有一些我最喜欢的网站上的favicons:

  • 密歇根烟花
  • 杰弗里泽尔德曼
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • 迈克尔格雷的SEO博客

还有其他个人收藏吗?

17评论▼