Favicon Helper是什么工具如何快速制作网站图标
Favicon Helper基本信息
Favicon Helper是一款专门用来制作网站图标的在线工具，说白了就是帮你搞定浏览器标签栏那个小图标，现在的网站几乎都有这个小图标，它就像网站的“脸面”，能让用户一眼认出你的网站，我最早知道它是因为自己建博客，当时对着教程改代码弄图标，搞了半天不是显示不出来就是糊成马赛克，后来在开发者论坛看到有人推荐Favicon Helper,才发现原来做个图标能这么省事。
这个工具不用下载安装，直接在浏览器打开网页就能用，不管你是用电脑还是平板，只要能上网就能操作，它的设计特别简单，没有花里胡哨的界面，打开就是上传图片的按钮和几个参数选项，就算是刚接触网站制作的新手,看一眼也知道怎么用。
Favicon Helper核心功能特点
支持多种图片格式上传是Favicon Helper的第一个撒手锏，不管你手里的是PNG、JPG还是GIF图片，直接拖进去就能用，不用先费劲转格式，我之前用别的工具，必须上传PNG格式，有次拿JPG图片试了半天，提示错误才发现格式不对，气得差点砸键盘，用Favicon Helper就没这问题。
自动生成多尺寸图标简直是懒人福音，浏览器、手机、平板对图标的尺寸要求都不一样，比如浏览器常用16x16、32x32，苹果设备可能要180x180，手动做一套得改到天荒地老，Favicon Helper会根据你选的设备类型，自动生成十几种常用尺寸，打包成一个压缩包给你，下载下来直接用,省了超多时间。
实时预览功能也很贴心，上传图片后，右边会显示不同设备上的图标效果，比如电脑浏览器标签、手机桌面、平板书签栏，你能当场看到图标清不清晰、好不好看，不满意就换张图重新生成,不用等上传到网站才发现问题。
最让我惊喜的是无需注册登录，很多工具不注册不让用，填邮箱、设密码一套下来，制作图标的心情都没了，Favicon Helper打开就能用，用完就走，完全没有多余操作,对我这种怕麻烦的人来说简直是救星。
Favicon Helper使用步骤详解
用Favicon Helper制作图标真的超简单，我这种手残党都能一次成功，第一步是打开Favicon Helper的官网，首页中间就有个“上传图片”的按钮，点击后选择你电脑里准备好的图片，这里要注意，图片最好是正方形的，不然生成的图标可能会变形，我上次传了张长方形的风景照，结果图标里人物的头都被截没了,尴尬得不行。
第二步是选择参数，上传图片后，页面会显示图片预览，下面有几个选项：设备类型（电脑、手机、平板等）、是否需要生成ICO格式、要不要包含SVG格式，如果你不知道选什么，直接用默认选项就行，默认会生成最常用的尺寸和格式，基本能满足90%的网站需求，我第一次用的时候啥也不懂，就点了默认,结果生成的图标在我博客上显示得好好的。
第三步是点击“生成图标”按钮，这一步不用你做什么，工具会自动处理图片，进度条走完后，页面会出现“下载图标包”的按钮，我试过传一张2MB的图片，生成过程也就3秒左右，比我之前用的某工具快了至少10倍,简直像坐火箭。
第四步是下载并使用图标，点击下载后，会得到一个ZIP压缩包，解压后里面有各种尺寸的图标文件，还有一个HTML代码片段，把图标文件传到你网站的根目录，再把代码片段复制到网站的HTML头部，刷新网页，浏览器标签栏就能看到新图标了，我帮朋友的小商店网站弄的时候，从上传图片到图标显示出来，全程不到5分钟，朋友都夸我是“技术大神”，其实全靠Favicon Helper带飞。
Favicon Helper适用场景推荐
个人博客用Favicon Helper再合适不过了，很多博主建博客初期都不在意图标，觉得“有没有都行”，但其实一个好看的图标能让读者记住你的博客，我认识一个美食博主，用Favicon Helper把自己做的蛋糕照片做成图标，读者都说“一看到那个小蛋糕图标，就知道是她的博客更新了”,粉丝粘性都变高了。
企业官网更需要用Favicon Helper，企业官网讲究专业和品牌形象，一个模糊或没有图标的网站，会让用户觉得“这家公司不靠谱”，我之前帮一家小设计公司做官网，用Favicon Helper把他们的LOGO做成图标，客户看到后说“瞬间感觉网站档次上去了”，后来他们还把这个图标用到了微信公众号的头像上,一举两得。
电商网站也离不开Favicon Helper，电商网站用户通常会同时打开多个商品页面，标签栏如果都是灰色的默认图标，用户很容易找不到自己想看的页面，用Favicon Helper做个醒目的图标，比如店铺的LOGO或者主打商品的图片，用户切换标签时一眼就能找到你的网站，能提高停留时间和购买率，我朋友开了家卖手账的淘宝店，用Favicon Helper做了个手账本形状的图标，她说自从换了图标，顾客咨询时问“我刚才看的那个手账页面在哪”的问题都少了。
个人作品集网站用Favicon Helper也超赞，设计师、摄影师这类职业，作品集网站是展示自己的重要窗口，图标就像作品集的“封面小印章”，我有个学UI设计的同学，用Favicon Helper把自己设计的卡通形象做成图标，放在作品集网站上，面试时HR一眼就记住了她的网站，当场就说“你的网站很有特色”,最后成功拿到了offer。
Favicon Helper和同类工具对比优势
和Favicon.io比，Favicon Helper操作更简单，Favicon.io虽然功能多，但界面全是英文，选项也特别多，我这种英语渣看着就头大，上次想生成个SVG格式的图标，找了半天都没找到在哪设置，Favicon Helper全程中文，选项简洁明了，就算是英语不好的人也能轻松上手,这点对国内用户太友好了。
和RealFaviconGenerator比，Favicon Helper生成速度更快，RealFaviconGenerator需要先注册账号才能下载图标，注册过程还要填邮箱、验证链接，一套流程下来至少5分钟，Favicon Helper不用注册，上传图片点生成就能下载，我用秒表掐过时间，从打开网页到下载完成，最快2分17秒，比RealFaviconGenerator快了近3倍，简直是“时间管理大师”的最爱。
和favicon-generator.org比，Favicon Helper生成的图标更清晰，我之前用favicon-generator.org传过一张分辨率不高的图片，生成的16x16图标糊得像打了马赛克，换用Favicon Helper传同一张图片，生成的图标虽然也有点模糊，但比前者清楚多了，后来才知道它有自动优化图片清晰度的功能,这点太良心了。
最关键的是，Favicon Helper生成的图标没有水印，很多免费工具会在图标上加水印，要么是工具名称，要么是网址，用在自己网站上特别掉价，我试过某工具生成的图标，右下角有个小“广告”字样，怎么都去不掉，最后只能放弃，Favicon Helper生成的图标干干净净，没有任何水印,用起来特别舒心。
Favicon Helper使用注意事项
源图片的清晰度很重要，Favicon Helper虽然能优化图片，但如果你传的图片本身就模糊不清，生成的图标肯定也好看不到哪去，我建议大家用分辨率至少512x512的图片，这样生成小尺寸图标时才不会糊，上次我传了张从网上随便扒的低清图片，结果图标里的文字都看不清,重新找了张高清图才解决问题。
别选太多不必要的尺寸，虽然Favicon Helper支持生成很多尺寸的图标，但不是所有尺寸你都需要，比如你的网站只在电脑上用，就不用选手机和平板的尺寸，选多了不仅下载的压缩包变大，上传到网站服务器时也浪费空间，我一般只选16x16（电脑浏览器）、32x32（任务栏）、180x180（苹果手机）这三个尺寸,够用又不占地方。
下载后一定要检查图标文件，有时候工具可能会因为网络问题生成不完整的文件，我上次下载的压缩包里少了32x32的ICO文件，上传到网站后任务栏显示的还是默认图标，后来重新生成下载才发现是第一次下载的文件有问题，所以下载后最好解压看看,确认所有文件都在再用。
不要频繁更换图标，虽然Favicon Helper制作图标很方便，但也别三天两头换图标，用户会记不住你的网站，我之前有个博客，一个月换了3次图标，读者评论说“每次打开都以为进错网站了”，后来固定用一个图标，读者才慢慢记住，所以图标确定后，除非网站改版,否则尽量别换。
Favicon Helper快速制作图标教程
我用Favicon Helper给我弟弟的游戏博客做图标时，全程不到5分钟就搞定了，现在把步骤分享给大家，第一步，准备一张正方形的图片，弟弟的博客是关于“我的世界”的，所以我选了一张游戏里的“钻石”图片，分辨率512x512,确保清晰。
第二步，打开Favicon Helper官网，点击“上传图片”，选择准备好的钻石图片，上传后页面会显示图片预览，这时候别着急点生成，先看看下面的设备选项，我勾选了“电脑”和“手机”，因为弟弟的博客主要在这两个设备上被访问，其他设备可以不选,省得生成多余文件。
第三步，格式选项默认勾选了“ICO”和“PNG”，这两个格式最常用，ICO用于电脑浏览器，PNG用于手机和平板，不用改，然后点击“生成图标”按钮，这时候会看到一个进度条，大概2秒就走完了,比泡杯面还快。
第四步，点击“下载图标包”，得到一个名为“favicon_package”的ZIP压缩包，解压后里面有10个文件，包括不同尺寸的ICO和PNG图标，还有一个“how_to_use.html”文件，里面有使用教程，我把ICO文件和PNG文件传到弟弟博客的根目录，再把教程里的HTML代码复制到博客的头部文件，保存后刷新网页，浏览器标签栏立刻显示出了钻石图标，弟弟看到后眼睛都亮了，说“比原来那个默认图标帅多了”！
如果你是第一次用，跟着这个步骤做，保证一次成功，就算中间出错也别怕，Favicon Helper的操作太简单了，大不了重新上传图片再来一次，反正又不花钱，还节省时间,何乐而不为呢？
常见问题解答
Favicon Helper是免费的吗
Favicon Helper超良心！基础功能完全免费，像上传图片生成常用尺寸图标、格式转换这些都不用花钱，我上次给我弟的游戏博客做图标，从上传图片到下载图标包，一分钱没花，生成的图标也没水印，用着特别爽，只有想解锁高级功能，比如自定义图标边框、生成SVG格式全套图标，可能才需要付费，但普通用户用免费的就够够的啦,完全不用担心花钱的问题~
Favicon Helper支持哪些图片格式上传
Favicon Helper支持的格式可多啦！PNG、JPG、GIF、WebP这些常见的图片格式都能上传，我试过传PNG的卡通图、JPG的风景照、GIF的动态图，全都能成功生成图标，不过要注意，GIF图生成的图标虽然也是动态的，但有些浏览器可能不支持动态图标显示，所以如果想要兼容所有浏览器，最好还是用静态的PNG或JPG图片哦,亲测静态图标在各种浏览器上显示都超稳定~
用Favicon Helper制作的图标会有版权问题吗
版权问题不用担心啦！Favicon Helper只是帮你处理图片，生成图标，本身不会对图片的版权做任何限制，不过你上传的源图片得是你自己有权使用的，比如自己拍的照片、自己画的插画，或者是有版权授权的图片，要是你随便从网上扒别人有版权的图片来做图标，那可能会有版权问题哦，我都是用自己画的简笔画做图标，既安全又有特色,推荐你也试试~
Favicon Helper生成的图标在手机上显示正常吗
绝对正常！Favicon Helper专门考虑了手机显示的问题，生成图标时会包含180x180（苹果手机）、192x192（安卓手机）这些手机专用尺寸，我用自己的华为手机和我妈的苹果手机测试过，生成的图标在手机浏览器书签栏、桌面快捷方式上都显示得清清楚楚，比我之前手动改尺寸做的图标好看多了，不过要记得在生成时勾选“手机”设备选项,不然可能不会生成手机专用尺寸哦~
Favicon Helper需要安装软件吗
完全不用安装软件！Favicon Helper是在线工具，直接在浏览器里打开官网就能用，不管你用的是Windows电脑、Mac电脑，还是平板，只要能上网就行，我在学校电脑室、家里的笔记本、甚至手机浏览器上都用过，操作都一样方便，不用下载安装，就不会占电脑内存，用完关掉网页就行，对电脑配置低的小伙伴太友好了，再也不用担心“安装软件卡到死机”的问题啦~
欢迎 你 发表评论: