目录
图标工场由开发者张环冲(wuruihong)创建并维护,项目从2014年就开始运行,GitHub上基于AGPL协议开源。它的技术栈包括Laravel 8、Angular和Vue/Quasar Framework,界面采用Material Design风格,操作逻辑简洁明了。
工具的核心价值在于“标准化”和“自动化”。它严格遵循Apple和Google的官方图标设计规范,生成的图标命名、格式、目录结构都符合Xcode和Android Studio的导入要求。你不需要去查每个平台需要哪些尺寸,也不需要手动重命名文件,工具会自动处理好这些细节。
对于iOS平台,图标工场能自动生成29pt、40pt、50pt、60pt、72pt、76pt、83.5pt等尺寸的图标。如果还需要iPhone Notification的特定尺寸(@2x和@3x),可以在自定义里填写40和60来补充生成。iOS的图标会打包在一个文件夹里,自定义尺寸的图标则放在custom文件夹中,分类清晰。
官网入口地址
下载地址
图标工场是在线网页工具,不需要下载安装。在浏览器里打开官网就能用。项目源码在GitHub上开源,想自己部署的可以去看。
功能介绍
多平台图标生成:覆盖iOS、Android、macOS、watchOS、Web App、PhoneGap(Cordova)、Windows Phone、Quasar等主流平台。选好平台后一键生成,所有尺寸自动打包。
自定义尺寸支持:除了平台标准尺寸,还可以手动添加自定义尺寸,比如28、108、240、360、480、540、720、960像素,满足特殊设备的适配需求。
背景与内补白调节:iOS、watchOS及Windows Phone的图标默认白色背景(因为这些平台不支持透明图标),他平台默认透明。内补白支持0%到20%的调节,可以让图片缩小居中,避免边缘被裁切。
自动圆角与目标类型:为macOS、Android、Quasar、Web App等平台自动添加圆角效果。输出目标可以选“图标”或“通用图片”,iOS输出为appiconset格式,Android输出支持透明背景的正方形图标。
角标与徽章:可以在图标上加“BETA”、“ALPHA”、“测试版”等角标,支持深浅色模式。还集成了shields.io徽章服务,提供多种颜色样式,方便标识版本状态。
Web App专属支持:选择Web App平台时,会自动生成包含16、32、48、64、128、256像素的ico文件,适合做favicon和PWA图标。
快速预览:生成之前可以在网页上预览图标在不同设备上的显示效果,不用部署到真机就能调整设计样式。工具还会自动优化小尺寸图标,保证清晰度并减少内存占用。
应用场景
独立开发者上架App:一个人做App的时候没有设计师帮忙切图,用图标工场上传一张图,几分钟拿到全套图标,直接拖进Xcode或Android Studio使用。
Flutter项目图标适配:Flutter项目需要同时适配iOS和Android,用图标工场一次生成两套图标,分别复制到对应的资源目录即可。
Web App和PWA开发:做PWA或者网站favicon的时候,需要多尺寸的ico和PNG图标,选Web App平台一次性搞定。
多平台项目维护:如果App同时上架iOS、Android、macOS,每次改图标都要重新切三套图。用图标工场一次生成,省去重复劳动。
使用方法
第一步:准备原图。准备一张1024×1024像素的正方形图片,格式支持JPG、PNG、PSD,文件大小不超过10MB。
第二步:打开官网并上传。访问 icon.wuruihong.com 把图片拖放到上传区域,或者点击选择文件。
第三步:选择平台和参数。勾选需要的平台(可以多选)。根据需要调整背景颜色、圆角、内补白、角标等参数。
第四步:生成并下载。点击生成按钮,等待1到5分钟。完成后下载压缩包,解压后按平台目录把图标复制到项目中。
服务支持
图标工场承诺应用图标生成功能免费,用户可自由使用并推荐给朋友。网站没有会员,不需要注册账号。开发者靠用户自愿捐赠来维持服务器和域名费用、日常维护以及新功能开发。捐赠页面显示已有不少用户留下了好评,比如“这网站太好用了”、“国内免费真的不易”,也有人反馈过服务器偶尔打不开的问题。工具支持iOS新尺寸规范(Xcode 14+),也保留了旧尺寸规范供老项目使用。
| 源码反馈/咨询 (共有 条反馈) |
图标工场常见问题
图标工场是一个个人项目,由开发者张环冲(wuruihong)创建和维护。项目从2014年运行至今,GitHub上基于AGPL协议开源,主要贡献者包括张环冲和另一位开发者kuaifan。
它帮移动应用开发者一键生成所有尺寸的应用图标和启动图。你上传一张高清原图,它自动切出iOS、Android、macOS等平台需要的各种规格,打包下载,直接拖进项目就能用。
免费。官方承诺应用图标生成功能免费。没有会员等级,不需要注册账号,打开网页就能用全部图标生成功能。网站靠用户自愿捐赠维持运营。
准备一张1024×1024的图片,打开官网拖进去。勾选你要生成的平台,调一下背景颜色和圆角参数,点生成。等几分钟后下载压缩包,解压后按平台目录把图标复制到项目里。
不需要。打开网页直接上传图片就能生成,没有登录步骤,也不要求填邮箱。生成完直接下载,整个过程不留账号信息。
覆盖iOS、Android、macOS、watchOS、Web App、PhoneGap(Cordova)、Windows Phone、Quasar等主流平台。一个工具搞定所有端的图标适配。
清晰度取决于你上传的原图。官方建议上传1024×1024像素的图片,这样生成小尺寸图标时才能保持清晰。工具也会自动优化小尺寸图标,减少内存占用。
可以打开网页,但建议在电脑上操作。因为要上传图片、勾选平台、下载压缩包,电脑上更方便。生成过程本身不需要一直盯着。
iOS系统不支持透明背景的App图标,所以工具生成时会自动加白色背景。你可以在“可选参数”里把背景色改成他颜色。iOS的圆角是系统自动加的,上传方形原图就行。
可以。Android、macOS、Web App这些平台支持自动圆角。但iOS不需要手动做圆角,系统会自动处理。给iOS上传带圆角的图反而会出问题。
启动图生成是它的附加功能,支持iOS和Android。官方TODO里提到启动图功能还在完善中,计划加上鼠标拖动缩放和插入文本的功能。目前基础生成功能可用。
手动切图要用Photoshop一个个导出,容易搞错尺寸或命名。图标工场自动按各平台官方规范生成全套尺寸,命名也自动处理好,省时且不容易出错。尤是iOS的二十多种尺寸,手动切很折腾。
可以。项目在GitHub上开源,采用AGPL协议。你可以克隆代码,用Laravel环境跑起来,部署到自己的服务器上。适合需要内网使用或者想二次开发的团队。
可以。工具遵循Apple和Google的官方标准生成图标,命名和目录结构都符合要求,下载后直接导入项目即可打包提交。