如何生成的图标

JDB电子夺宝App独立的研究项目和公正的审查部分由附属委员会资助, 不需要JDB电子夺宝App的读者额外付费. 了解更多

任务时间:
1/2天
困难:
容易

如果你和JDB电子夺宝App一样,很少会少于10个(好吧, 20)标签一次打开. 但当有这么多事情要做的时候,有这么多东西要看, 而且如此多的网站都在争夺同一个浏览器空间——在它们之间导航变得很困难.

这就是favicon的作用. 如果你以前从未听说过这个词,你几乎会 当然 要熟悉它所代表的东西——标签上弹出的小图标, 在你的历史, 或者在你的书签栏.

但徽标不仅仅对JDB电子夺宝App互联网用户很重要. 它们对帮助你的企业脱颖而出也至关重要 建立你的在线品牌,并向世界展示. 另外,图标 看起来很好 -是为你的在线业务增加额外的可信度和专业性的理想选择.

那么 is 一个图标,确切地说——为什么你的公司应该有一个图标呢? 此外,如何生成一个——以及在哪里生成?

让JDB电子夺宝App来看看.

1
下一个步骤

的图标是什么?

favicon(也称为快捷图标), 标签图标, 网站图标, URL图标, 或者书签图标)是一个小图像-通常是16 × 16像素大小-在浏览器中代表一个网站. 这可能是一个标签,在书签列表,在互联网历史结果,或在搜索栏.

通常, favicon是一个网站的标志(或其标志的缩小版), 但它真的可以是任何东西——只要是品牌上的, 并帮助用户一眼识别网站.

为了快速演示, 把你的目光投向你自己的屏幕顶部, 还有你现在打开的标签. 你在那里看到了什么图像?

如何生成favicon什么是favicon
这里是我的. 最左边是一眼就能认出的Gmail标识,然后是谷歌文档的蓝色页面. 走过去,你有JDB电子夺宝App的WBE标志(tada!), 还有英超联赛的狮头(因为我在写作的时候需要密切关注足球比赛的比分!).

的图标s在浏览书签栏时也很有用:

如何生成favicon图标的例子
正如你所看到的,favicons使它很容易立即挑选出你需要的标签.

当一个网站 有一个图标-就像我心爱的拉猪肉食谱上面的情况-你的浏览器通常会生成一个通用的全球图像来填补空间. 和, 如你所见, 这对试图导航到正确位置的用户没有帮助,对网站的知名度或品牌认知度也没有任何帮助.

2
下一个步骤

为什么的图标对我的在线业务很重要?

favicon不仅仅是“有就好”, 只有当你的网站的其余部分是考虑和运行. 不,它们是 必须,有.

每当用户收藏你的网站,favicon就会出现. 每次他们访问你的网站,都有一个图标. 每次他们浏览他们的互联网历史,你的favicon会在那里-如果, 也就是说,你有一个.

一个好的图标:

  • 提高品牌知名度和品牌认知度
  • 有助于推动重复访问和品牌忠诚度
  • 给你的网站一个更可信,值得信赖和专业的光泽
  • 提供间接SEO(搜索引擎优化)的好处,增加网站的可用性和经验

3
下一个步骤

如何生成的图标图标

所以,现在你知道了 什么 favicon是,和 为什么 他们是重要的. 但是,究竟该如何为您的站点配备一个?

#1. 使用您现有的标志-或创建一个新的形象

好吧,你需要从一个能代表你的品牌的形象开始. 它应该很容易记住, 展示你的企业的颜色和独特的“外观和感觉”, 并且在拥挤的工具栏中很容易被发现. 因为所有这些原因,甚至更多, 你的标志——或者至少是它的缩写形式——是一个很好的开始.

一旦你有了这张图片——你可以使用Photoshop或Canva这样的图片编辑器——你需要保存它(.png或 .JPG格式效果最好),理想情况下为64 x 64像素. 这将使它更容易编辑,你可以缩小到理想的favicon大小(16 x 16像素)后.

嘘……你已经创建了你的企业的标志了吗? 如果没有,不要强调——JDB电子夺宝App的指南 如何制作一个logo 将帮助!

#2. 转换图像

你的图像准备好了,然后你需要把它转换成favicon.Ico,这是大多数网页浏览器推荐的图标格式. 你可以通过一个在线favicon生成器免费做到这一点, 其中有很多可供选择的——JDB电子夺宝App将在下面运行JDB电子夺宝App的五大帮助你选择.

#3. 上传您的新的图标到您的网站

接下来,你必须上传你的favicon (in .Ico格式)到您的网站的根目录, 确保浏览器可以找到您的favicon文件, 并相应地显示图像.

您还可以直接编辑站点的HTML代码, 通过将以下代码段添加到头部.

你不需要做最后一点——现在大多数浏览器都能在没有它的情况下定位你的图标——但它能确保老浏览器也能跟上.

4
下一个步骤

在线的图标生成器:前5名

在线favicon生成器允许您上传图像,并把它变成favicon. 更好的是,其中一些工具同时充当图像编辑器 的图标生成器-意味着你可以设计你的标志,然后把它变成一个好看的的图标.

以下是前五名.

#1. 的图标.io

提供流畅、无缝的用户体验和免费的favicon一代, 的图标.io 是一个简单快捷的最佳选择吗. 您可以从现有的图像生成favicon, 从头开始做一个, 或者从数百个表情符号中选择,让你的图标更个性化.

收藏夹图标生成器的图标.io

#2. Real的图标Generator.净

Real的图标Generator.净 允许您上传现有的图像, 或者点击“随机图片演示”按钮进行快速演示, 有效的演示. 轻松, 你也可以使用它的“检查你的favicon”功能来查看你的网站现有的favicon是什么样子的, 并确定任何改进的空间.

收藏夹图标生成器realfavicongenerator.净

#3. 的图标-generator.org

它的风格基本,界面上充斥着广告, 的图标-generator.org 是否比JDB电子夺宝App之前提到的前两个工具更“粗糙且准备就绪”. 但这并不会降低它的效率——你可以为网页生成favicons, 安卓, 微软, 和iOS, 甚至可以保持图像的原始尺寸.

的图标-generator的底部还有一些有用的信息.Org的主页围绕着favicons(尽管,因为你已经在阅读了 Article,JDB电子夺宝App认为你不需要它!).

favicon-generator.org

#4. Favic-o-Matic

潮人的选择, Favic-o-Matic体育古怪, 巧妙的设计, 加上朗朗上口的文案和标语,增添了一丝乐趣. 使用起来很简单, 但它并不缺乏功能:它的“高级设置”允许你改变图像大小, 背景颜色, 及RSS提要网址. 它也能快速完成这项工作——尽管无休止的展示广告可能会让人有点恼火!

favic-o-matic图标生成器

#5. 的图标.cc

的图标.cc 五月 就像90年代初MS Paint的翻版,但不要被它的脱光外观所愚弄. 它拥有所有的功能,你需要创建你的favicon,然后导出它正确. 你甚至可以查看最新的和评分最高的favicons来获得灵感, 在下载之前预览一下你自己的favicon.

收藏夹图标生成器的图标.cc

生成的图标: Final Thoughts

做得好,favicon就会好看 太棒了. 它们帮助用户识别你的品牌,导航到你的网站,并将其收藏起来以备将来使用. 它们很简单, 有效的方式发展和分享你的企业独特的品牌识别, 同时鼓励忠诚和回头客.

想了解更多关于 建立一个网站,请在JDB电子夺宝App的网站上查看各种指南. JDB电子夺宝App将介绍 举办, 电子邮件营销,以及更多-所以JDB电子夺宝App是您网站创建之旅的完美伙伴.

常见问题

的图标s应该是16 x 16像素,当他们上传到你的网站. 然而, JDB电子夺宝App建议创建一个稍微大一点的尺寸(64 x 64 px的效果很好), 来帮助编辑过程. 您可以稍后将其缩小!
有很多在线的favicon生成器可以让你导入一个图片(或者从工具界面中创建一个), 然后将其转换为favicon.图标的格式. JDB电子夺宝App最喜欢的包括:

  • 的图标.io
  • Real的图标Generator.净
  • 的图标-generator.org
  • Favic-o-Matic
  • 的图标.cc

这些工具是免费的,而且易于使用. 去看看吧!

留下你的评论

你的电邮地址不会被公布. 必填字段标记为*