Favicon图标是一个16×16的ICO文件,支持16或24位颜色和透明度,现在一些浏览器支持32×32大小,但较旧的浏览器仍然将它减少到16×16。
为什么需要Favicon?Favicon是网站界面的重要组成部分,在高级网络应用程序中也发挥着重要作用。
Favicon让书签查找变得要容易得多,因为查找熟悉的图标比阅读所有网站名称更容易。而且,Favicon还可以改善用户体验,这是使用Favicon的主要原因。
您可以在大多数浏览器的浏览选项卡中找到这个组件,一些国际知名的公司拥有可识别(流行)的图标,这有助于他们从众多网络资源中脱颖而出,Favicon的存在可以让网站从数千个书签中快速直观地脱颖而出,这有助于目标受众更快更简单地找到您。
没有个人识别图标的网站将使用浏览器的通用符号,这意味着如果您关心您的网络资源品牌,它是您必备的。
如何创建一个Favicon?
您可以自己动手或使用在线生成工具,对于Favicon大家可以自行百度搜索,这里就不再多说。
虽然Favicon生成工具简洁易用,但是,如果您计划推出一个全球网站并拥有全球品牌,那么您最好转向专业设计师,以创造独特的品牌并与您的品牌相匹配。尽管如此,如果您打算自己制作一个简单的Favicon图标,您只需要将您的网站徽标上传到在线Favicon生成网站,然后只需下载文件即可。
如何将Favicon添加到网站?
1.将相关文件上传到服务器的根文件夹。
2.更改网站的HTML页面,从服务器中查找并下载“header.php”或“index.html”文件。如果您的网站使用HTML plain,则应将代码插入“index.html”文件的head区域:
<link rel=”shortcut icon” type=”image/x-icon” href=”https://www.simcf.cc /favicon.ico”>
如果您正在使用WordPress,请将代码插入“header.php”文件的head区域:
<link rel=”shortcut icon” type=”image/x-icon” href=”<?php bloginfo(‘url’) ?>/favicon.ico”>
如何在Photoshop中创建Favicon图标?
创建一个新文件,画布为64×64像素,将徽标粘贴到文档中,并进行一些必要的更改。
之后,选择IMAGE文件夹,转到图像尺寸并将其更改为16×16像素,并且单击RESAMPLE IMAGE和BICUBIC SHARPER确保图标不模糊。如果对结果满意,请打开FILE文件夹并按SAVE AS。
结论
Favicon图标应该以与网站相同的风格创建 – 网站和图标的共同点越多越好。此外,图标应该是相关且清晰的:用户应该可以立即了解其上绘制的内容,并且还必须令人难忘。
因此,精心制作的Favicon图标将使您的网站看起来更专业。如果您认真考虑创建个人品牌,那么您需要采取非常认真的方法来创建一个图标。