当然，您不止一次听说过favicon。 这与网页设计密切相关，并且在每个页面上（无论是在线商店，博客还是网站等）都非常重要。 他们会问你。 但， 什么是收藏夹图标？ 这是为了什么？ 最重要的是，它是如何做到的？
如果您对此有很多疑问，我们将在这里为您提供密钥，以便您理解它，最重要的是，您可以在项目中展示它，并获得更好的展示。 我们向您保证！
什么是收藏夹图标
我们将首先解释什么是favicon，以便您理解它。 而且，为此，没有什么比举一个实际的例子更好了。 想象一下您正在浏览（实际上，您正在阅读我们）。 但是，您不仅有一个选项卡，而且还有多个选项卡。 您可能已经注意到，在每个页面中都会显示该页面所反映的名称，例如YouTube（因为您正在听背景音乐），Gmail（因为您已打开邮件）或此页面。
每个名称旁边的左侧会出现一个正方形的小图像。 YouTube和Gmail上的一个肯定可以通过其徽标来标识，但是其余选项卡呢？
好吧，您实际上看到的是收藏夹图标。 换句话说，它是一个 与您正在访问的页面相关的图标， 这就是为什么要注意此细节如此重要的原因，因为当您将页面添加到收藏夹或快捷方式时，收藏夹图标就成为该页面的“图像”，这就是为什么您必须注意其设计以使其得到保护的原因。完美地联系在一起（最重要的是，它可以与他人区分开来）。
这个小图标的大小通常设置为16×16像素（尽管也可以设置为32x32px）。 在其中，您必须确保正确放置所有内容，否则，它会显示为一个可识别的小点（这会给您的页面带来非常不好的印象）。
为什么收藏夹图标如此重要？
既然您知道了favicon是什么，并且已将其定位在通常打开的页面中，您是否注意到今天丢失的页面越来越少了吗？ 这是因为提供高雅和专业知识的视野非常重要。 也就是说，您将传达关心细节的品牌或公司形象。
但是，该网站图标还具有其他用途，例如：
- 用作您页面的标识。 通常，此收藏夹图标与您网站上的徽标相关，只是尺寸较小。 但是，当徽标太大而无法在小按钮上看到时，您倾向于选择与其相关的内容。
- 您将帮助保存页面的用户直观地识别它。 因此，即使他们由于收藏夹图标的图像而忘记了网址或公司名称，他们也会找到它。
- 成为SEO的“好人”。 这必须与一粒盐一起服用。 而且，拥有或不拥有Favicon不会直接影响SEO（也就是说，无论是否拥有它，都不会使您处于更好或更坏的位置）。 现在，越来越普遍的是，当浏览器进入页面时，它会寻找该图标，而当找不到该图标时，它会显示404错误，而且您知道这些错误对SEO不利。页面。
如何制作图标
看到之后，很明显，当您拥有网页时，收藏夹图标是必不可少的元素。 现在，你如何做一个？
您应该知道，在大多数情况下，它的作用是 选择该网站的徽标，或者如果徽标太大，则可以识别该徽标。 例如，假设您有一个以某种方式调用的电视网站。 但这在收藏夹图标中太大了。 取而代之的是，您可以放置电视的图片，以便它们关联起来。 在这种情况下，建议您使用与网站相同的颜色，以更好地识别它。
现在，我们如何创建收藏夹图标？ 好吧，您有几种选择：
Photoshop，Gimp ...
换句话说，我们正在谈论图像编辑程序，因为图标图标的创建与图像完全相同。 当然，您必须将其保存为.ico格式，这样才能被识别，因为不能将其保留为jpg，gif或类似格式。
这种方式 使您可以更好地自定义收藏夹图标， 设法从头开始创建它，并为其提供所需的表面效果。 通常，为此您可以使用正常大小的图像，然后将其调整为该按钮的大小。
实际上，应该将其上传并在不同的浏览器中进行测试，以查看它是否看起来不错，具有代表性，并且最重要的是可以理解。
使用在线工具
在这种情况下，我们指的是可在几秒钟内将您想要的任何图像转换为图标的网页。 但您也可以选择 直接在这些页面上设计您的网站图标。
如果要使用前者（上传图像并进行转换），则建议使用Favicon Generator或Favic-o-matic。 但是，如果要使用后者（从头开始设计），请下注于favicon.io或x-icon编辑器。
使用WordPress
您的网页是用WordPress制作的吗？ 并且您知道您可以使用该系统来创建您的网站图标。 为此，您可以使用一些插件，这些插件可让您根据已上传（或上传）的图像创建此按钮。 也通过 您可以执行“外观/自定义”。
完成收藏图标后，只需将其放在网站上并使其识别即可在页面名称的左侧区域显示它并将其保存在收藏夹中。 这样，他们可以轻松识别您，而无需停止阅读，如果这是他们真正想要访问的页面。