说到在线浏览,很多人在Facebook聊天时都会打开多个标签页而且阅读最新消息而且工作。是什么帮助我们立即识别一个特定的网站,并在这些标签之间快速切换?

该图标。

favicon是浏览器标签、导航条、书签列表甚至搜索历史上代表网站的小图标。蓝色方框中的“F”代表Facebook,信封图形代表Gmail,红色“Q”代表Quora,这些都是favicon。如果你正在建立一个网站,并想办法提高它网络品牌,然后为它创建一个图标是你能做的最好的决定之一。

所有这些听起来都很棒,你可能会想,但我没有图形设计技能来为我的网站创建一个自定义的favicon。幸运的是,你不需要任何东西。这是因为你可以使用favicon生成器来完成这项工作。

在这篇文章中,我们将为您详细解释favicon是什么,然后为您提供10个最好的favicon生成器。只要插入你的企业标志、名称和图片,你的网站图标就可以使用了。

开始网上销售现在与Shopify

开始免费试用

Favicon是什么?

favicon是一个小图形,通常出现在互联网浏览器的顶部。图像被放置在一个名为“favicon.ico”的文件中,该文件属于一个网站的根目录。这有助于互联网浏览器找出在网站名称旁边显示的图像。

由于favicon的尺寸很小,它最好是一个简单的图像,以补充你网站的主题。这是我们的:

收藏夹图标生成器

大多数桌面网络浏览器使用16×16像素图像的favicon。然而,对于一些浏览器和内容管理系统来说,请求32×32或48×48甚至512 x512版本的情况并不少见。

这是因为favicons不仅仅用于浏览器标签;当访问者收藏一个网站或保存移动主屏幕的快捷方式时,它们也会显示出来。在这种情况下,访问者将看到一个漂亮的缩放版本的favicon,而不是一个16×16的变体伸展。因此,favicons没有最佳大小。

传统上,大多数浏览器都会显示。ico格式的图标。然而,现在大多数浏览器也接受gif和png格式的文件。

使用Favicon的好处

下面是在你的网站上使用favicon的主要优点:

信誉

尽管图标很小,但它可以帮助你的网站看起来更可信和专业。因为现代互联网用户倾向于根据如何来判断企业家和企业专业设计他们的网站是,一个自定义的图标会给你额外的印象分。

品牌再现

网站名称之后的Favicons通常是访问者与企业联系起来的下一个东西。这背后的原因是,当有人访问您的网站时,它们都会出现在浏览器中。话虽如此,从网站的角度来看,favicon比网站的名称更重要品牌.图形比文本更容易记忆和识别。

重复访问

图标也有帮助增加每月流量到你的网站。比如说,一个访问者在第一次打开你的网站时很着急,并决定把它收藏起来以备下次访问。当他们以后浏览他们的书签时,如果你有一个可识别的图标,你就很容易在列表中脱颖而出。简单地说,你的网站将有更好的机会被收藏,并被搜索引擎用户重新访问。

现在你知道了它的好处,是时候为你的网站创建一个favicon了。幸运的是,有一些图标生成器可以帮助你为你的网站制作个性化的图标。

在线Favicon生成器:10个最佳选择

  1. RealFaviconGenerator.net

用户友好和直接,这个图标生成器允许您在几分钟内创建一个自定义图标。你所需要做的就是提交一个。svg, .jpg,或。png图像260×260和工具将完成其余的工作。

最佳favicon生成器

RealFaviconGenerator.net允许您为Mac和桌面浏览器,Android设备,Windows 8平板电脑,iPad/iPhone等生成favicon图像。

您还可以使用此图标生成器检查现有图标的外观。只需在空字段中输入您的网站地址或URL,然后单击“检查图标”按钮,就可以获得关于图标如何在各种问题中显示的报告。

如果存在问题,您可以使用所提供的建议简单地解决它。这样做可以帮助你提高整体品牌知名度。

  1. Favic-o-Matic

Favic-o-Matic是一个多样化的favicon生成器,提供了两种不同的转换类型。您可以为所有平台免费创建图标,也可以制作32×32和16×16像素.ico文件。

Favic-o-Matic favicon生成器

发电机也有许多高级设置。例如,您可以使用地铁平铺选项来预设favicon的大小。您还可以选择特定的背景颜色,以及输入RSS提要URL。

设置完成后,你只需要上传一张图片,然后等待结果。该在线工具还将为您提供所需的HTML代码,以便将图标上传到您的网站。

  1. Favicon.cc

这个工具既是favicon生成器,也是创建者。您可以使用它来导入图形来设计您的favicon半成品标识,或者从头设计一个图标。

favicon.cc

您还可以修改点击的色调,所以没有必要担心前面有特定的颜色。该工具显示了其他用户创建的最新和最受欢迎的favicons,这可能会为你提供一些灵感。

在线图标生成器

Favicon.cceven lets you build animated favicons. You can publish these icons under the Creative Commons (CC) license. Plus, you can download your icon in .ico file format to display it in the address bar of every internet browser.

  1. Favicon-Generator.org

Favicon-Generator附带了一个广泛的预先设计的favicon库,您可以为您的网站使用。您可以根据颜色、字母或关键字搜索不同的图标。

网站图标生成器


或者,您也可以上传自己的。jpg、。gif或。png格式的图形,并将其转换为。ico文件。这个图标生成器允许你为网页,以及微软,iOS和Android应用程序创建图标。

虽然它没有给你很多方法来编辑图标,favicon - generator将为你的favicon创建必要的HTML来显示在你的网站上。

  1. Xiconeditor.com

如果你正在寻找一个快速简单的方法在线制作favicon, Xiconeditor是一个不可思议的工具。它配有铅笔工具,笔刷工具,类型工具,橡皮擦,和许多其他功能,你可以用来创建一个独特的图标。

Xiconeditor审查

如果你不想从头开始,你可以上传一个你喜欢的图像,并直接在生成器中裁剪它。你也可以在下载之前预览你的设计,这样你就可以确切地知道它在网页浏览器中的样子。

这个工具还可以让你调整公差、alpha设置和颜色。一旦你对结果感到满意,只需预览并导出。ico文件格式的favicon图像。

  1. Genfavicon.com

这favicon生成器是非常容易使用。你所需要做的就是上传一张图片,然后使用Genfavicon的剪切和预览工具进行裁剪。一旦您对结果感到满意,将文件保存为.ico格式,就万事俱备了。

genfavicon.com

这个工具的有趣之处在于它允许您实时预览图标。这可以让你对图标在互联网浏览器中的外观有一个大致的了解。

Genfavicon接受的图像大小为16x16px, 32x32px, 48x48px, 64x64px, 128x128px。

  1. Antifavicon.com

Antifavicon不同于这个列表中的其他工具,因为它不依赖于图像来生成favicon。相反,它利用基于文本的输入为网站所有者创建高质量的图标。

最佳favicon生成器

该工具的主页上有两个文本框,你可以在图标中输入你想要的数字或字母。此外,您可以使用颜色选择器来修改文本的颜色和favicon的背景。

虽然编辑功能有些有限,但对于那些需要快速、简单图标但没有时间、预算或技能的人来说,Antifavicon是一个不错的选择。

  1. FavIcon.pro

这是另一个伟大的favicon制作转换成.jpg, .gif和.png图像到.ico文件。你可以用它把图形变成favicon,应用程序图标和桌面图标在几秒钟之内。

免费favicon生成器

该工具允许您在转换前选择图像大小,范围从16x16px到128x128px。初学者也可以从该工具网站上提供的说明中受益。

总的来说,标识。pro提供了一个快速的方法来转换任何图像从您的PC到一个有效的favicon为您的网站。

  1. Favicongenerator.com

这个图标生成器允许您创建商业和个人使用的图标。您可以使用它将现有的.gif, .jpeg, .png和.jpg图形转换为.ico文件。该工具的代码经常更新,以跟上最新的JavaScript, CSS和HTML技术。

favicongenerator.com

你的图像应该有完美的正方形尺寸,最大大小为2 MB。Favicongenerator.com接受的大小是16x16px, 24x24px, 32x32px, 48x48px, 64x64px。

要创建favicon,只需选择要上传的图像,选择所需的大小,然后单击“创建favicon”。屏幕上的说明也可以帮助您添加favicon到您的网站。

除此之外,Favicongenerator.com有一个常见问题解答部分,在那里你可以学习如何创建一个可以在苹果设备上运行的视网膜favicon

  1. weobesols的Favicon在线生成器

weobesols.com提供了一个免费的图标生成器,可以让你上传图片并直接在工具中编辑。你也可以使用网站的颜色工具从头开始设计favicon。生成器提供了一个点击编辑器,可以帮助您实现所需的结果。

weobesols的Favicon在线生成器

输出可以选择16px或32px。你也可以预览设计,看看你的实际favicon看起来像什么。如果你对结果满意,你可以点击“下载”按钮下载。ico格式的图标。

此外,we赐予你一个HTML代码,你可以用它把favicon放在你的网站上。只要按照生成器主页上的说明,你就会有一个活的图标。

如何添加一个图标到你的网站

现在你已经创建了一个favicon,是时候把它上传到你的网站上了。如果你使用WordPress,你可以用的编辑器或者通过插件All In One Favicon.另一种方法是手动添加,执行以下步骤:

  1. 登入你的FTP管理器(ftp://username@yoursite.com)
  2. 上传。ico文件到你网站的根目录(/wp-content/themes/your-theme-folder)
  3. 打开function.php或header.php文件,并将以下代码放在header标记下面:

>

后面的URLhref =应该替换为您的图标的路径。

通常,在电子商务平台上建立的网站,这个过程要容易得多。在Shopify例如,你只需要在仪表板上打开“主题设置”,上传图标,然后单击保存。下面是一个视频,展示了Shopify店主是多么容易。

如果您正确地遵循了这些步骤,那么每当有人打开您的网站时,您的图标就会显示在web浏览器中。

结论

Favicons可能不是你网站最重要的品牌元素,但它们很容易制作,并提供一系列好处。这个小图形代表您的业务,没有空间为您的标志或标题。此外,它还为您的网站提供了额外的优势,使其在拥挤的浏览器窗口中脱颖而出。

所以,别忘了这张小而有力的图片。使用上面列表中的favicon生成器为你的网站创建一个。利用这些简单的功能,即使不是设计师也可以创建一个图标来提高他们网站的可用性提供出色的用户体验面向跨平台用户。

哪个favicon生成器是你最渴望尝试的第一个?请在下面的评论中告诉我们。

开始网上销售现在与Shopify

开始免费试用

想了解更多?