目录
做App或网站开发的时候,图标这件事说起来简单,实际操作起来挺琐碎。Android需要不同密度的mipmap,iOS要AppIcon.appiconset加Contents.json,Web还得准备favicon.ico和PWA图标。每个平台规格都不一样,手动裁剪尺寸容易出错,还费时间。
IconKitchen就是来解决这个问题的。它由RomanNurik开发,这位开发者之前做过AndroidAssetStudio,IconKitchen算是它的升级替代品。工具的逻辑很简单:你上传一张高分辨率原图,它帮你生成所有平台需要的图标文件。
整个操作在浏览器里完成,不需要注册,没有使用次数限制,目前免费。生成的图标可以直接导入项目使用,省去了手动处理的环节。
官网入口地址
下载地址
IconKitchen是在线工具,无需下载安装。图标文件在网页上生成后直接下载即可。
功能介绍
三大内容创建模式
工具提供三种方式来创建图标的主体图案。Clipart模式有现成的图标库可供选择,直接挑一个用就行。Text模式可以输入自定义文字,中英文都支持。Image模式允许上传自己的图片作为图标主体。
多平台图标自动生成
上传或设计完成后,IconKitchen会自动生成适配多个平台的图标文件。覆盖Android、iOS、Web、macOS、watchOS、tvOS,还包含AndroidTVBanner和PlayStoreBanner。输出格式包括PNG、ICO、ICNS等,符合各平台的官方规范。
实时多设备预览
右侧面板可以切换查看图标在不同平台上的实际显示效果。Android手机上什么样,iOS桌面上什么样,浏览器标签页里什么样,都能实时看到。预览界面还可以点击加号增加更多设备模拟。
丰富的自定义选项
图标主体确定后,可以调节整体颜色、背景色、渐变色、圆角、透明度等属性。背景也支持纯色、渐变或图片。这些调节都是可视化操作,改了什么立刻能在预览里看到。
无需注册与安装
打开网页直接使用,没有账号门槛。所有操作在浏览器中完成,不依赖本地软件或命令行工具。
应用场景
App开发
独立开发者或小团队做Android和iOS应用时,用IconKitchen快速生成符合平台规范的完整图标包,直接导入项目。
网站与PWA
生成favicon.ico、apple-touch-icon.png和PWA图标,用于网站标签页和添加到主屏幕的场景。
项目原型与MVP
项目初期需要快速出视觉资源,用这个工具几分钟就能搞定图标,不用在图标设计上花太多时间。
Electron桌面应用
生成Windows的.ico和macOS的.icns文件,用于Electron等跨平台桌面框架的打包。
图标细节微调
设计师有了图标基础方案后,可以在IconKitchen里不离开浏览器就调整圆角、背景和配色,快速看效果。
使用方法
第一步,打开https://icon.kitchen/。页面左侧是设计面板,右侧是预览区域。
第二步,选择图标主体的创建方式。Clipart从素材库挑,Text输入文字,Image上传自己的图片。
第三步,调整颜色、背景、圆角等属性。右侧预览会实时更新。
第四步,在预览区切换不同平台,确认图标在各处的显示效果。
第五步,点击右上角Download按钮,下载对应平台的完整图标包。需要多个平台的图标就分别下载。
服务支持
IconKitchen目前免费,没有付费方案。不需要注册账号,没有使用次数限制,也没有导出水印。
工具由RomanNurik开发,他是AndroidAssetStudio的创造者。IconKitchen的定位是AndroidAssetStudio的替代品,目的是帮助开发者快速设计和创建跨平台应用程序图标。
有一个第三方Chrome扩展叫EnhancedIconKitchen,为原工具增加了本地字体支持和渐变预设管理功能。这个扩展是独立开源项目,与icon.kitchen没有官方关联,安装后可以在Text选项卡里访问系统已安装的字体。
| 源码反馈/咨询 (共有 条反馈) |
IconKitchen常见问题
IconKitchen由RomanNurik个人开发,他是谷歌的前设计师,也是AndroidAssetStudio的作者。IconKitchen是他为了替代旧工具而做的升级版。
是一个在线图标生成器。上传一张图,它帮你生成Android、iOS、Web等平台需要的各种尺寸和格式的图标文件,省去手动裁剪的麻烦。
打开网页,选Clipart、Text或Image来创建图标主体。调好颜色和背景,在右侧预览各平台效果。满意了点下载,获取对应平台的图标包。
目前免费。不需要注册账号,没有使用次数限制,下载也没有水印。没有付费方案。
是一个正常的在线工具网站,由知名开发者制作。不需要注册或提供个人信息,上传的图片在浏览器中处理用于生成预览和下载文件。
上传的原始图片分辨率越高,生成的各尺寸图标越清晰。做Android自适应图标时,注意前景图案不要占满整个画布,留一些安全边距。生成前先调好整体配色,再下载,避免重复下载多个版本。
支持Android、iOS、Web、macOS、watchOS、tvOS,以及AndroidTVBanner和PlayStoreBanner。
https://icon.kitchen/
挺好用的,操作不复杂。界面直观,左边调右边看,几分钟就能出一套图标。没有设计基础的人也能上手。
不需要。打开就能用,下载也不用登录。
支持。Text模式下可以输入中文字符,生成的图标会显示中文文字。
工具本身没有对生成结果的使用做出限制。图标内容的版权取决于你上传的素材或输入的内容。如果是自己创作的图案或文字,用于商业项目一般没有问题。
支持。SVG格式的矢量图上传后能生成清晰的各尺寸图标。PNG图片也可以,但建议用高分辨率原图。
IconKitchen是AndroidAssetStudio的替代品,由同一位开发者RomanNurik制作。功能上覆盖了后者的能力,同时扩展到了iOS和Web平台。
会根据目标平台自动生成对应尺寸。Android覆盖mdpi到xxxhdpi的mipmap,iOS包含AppIcon所需的各种尺寸,Web包含favicon和PWA图标所需的尺寸。
可以。生成的Android图标包含自适应图标支持,可以分离前景层和背景层。
它是在浏览器中运行的网页工具,手机浏览器可以打开,但操作界面更适配电脑端。在电脑上使用体验更好。
Clipart模式提供了现成的图标图案供选择,具体数量没有在官网明确说明,但覆盖了常见的基础图标类型。
不是。IconKitchen是icon.kitchen,做的是图标格式转换和生成。AppIconKitchen是另一个用AI根据文字描述生成图标的新工具,两者是不同的产品。
以Web平台为例,会生成不同尺寸的PNG和用于浏览器标签的ICO文件。具体文件结构符合各平台的官方规范,下载后可以直接导入项目。