Amicon：浏览器内的图标创作与格式转换工具

做独立产品，每隔一阵就会冒出同一个需求：给一个新项目凑齐 App 图标、favicon、社交分享图。开 Photoshop 太重，找在线生成器又要上传图片、塞水印。Amicon 就是为这件小事造的工具——一个跑在浏览器里、可离线、不上传图片的图标工坊。

解决什么问题

图标生成的痛点不在「能不能做」，而在「能不能又快又省地做」：临时换一台电脑、不想装软件、不想把品牌素材传到陌生服务器。Amicon 把整条链路压进浏览器：选形状、挑元素、调颜色、导出 PNG/SVG/ICO，全程本地完成。用户图片不会离开设备，这是它最早定下的产品边界。

Amicon 围绕「从无到有」和「格式互转」两条线，提供三个独立模块：

元素图标编辑器：内置 180 个 SVG 元素，覆盖动物、植物、交通工具、抽象图形等常用类别。配上 5 种背景形状（圆形、方形、圆角矩形、六边形、圆角六边形），背景与元素各自支持纯色或线性渐变。调完即可导出 32 到 1024 像素的多档 PNG，以及矢量 SVG 和真正的 ICO 容器。
文字图标编辑器：输入 1–4 个字符，挑字体、调字重、选形状、配色，生成品牌首字母图标。适合做 logo 占位、产品头像或社交头像。
PNG ↔ ICO 转换：拖入一张图，自动识别格式并反选目标。PNG 转 ICO 时可勾选多个尺寸（32/64/128/256）一次性打包成多帧 ICO；ICO 转 PNG 则解码每一帧输出位图。这是上线应用商店、替换旧图标时最常需要的操作。

图标工具最容易翻车的地方，是「预览看着对、导出来不对」——阴影偏了、渐变角度反了、形状圆角不一致。Amicon 用一个共享的渲染配置解决这个问题：同一份配置同时驱动三个输出通道，Konva 负责实时预览，Canvas 负责像素级 PNG 与 ICO 帧，SVG 字符串则负责矢量导出。

这意味着用户在屏幕上看到的每一笔，都来自同一个数据源。调一次颜色，三个通道同步更新；导出时不再二次渲染，所见即所得。这种「单一配置、多通道输出」的设计，把预览和导出之间可能漂移的空间压到最小。

ICO 也是按规范真正编码出来的，而不是把 PNG 改个扩展名——多帧目录、尺寸字段、字节偏移都符合 ICO 规范，能被系统和浏览器直接识别。

Amicon 不追求功能多，而是把「造一个能用、能离线、能复用的图标工具」这件事做扎实。可安装的 PWA、明暗主题、中英双语、可选的匿名统计（默认关闭、遵守 DNT），都是围绕「打开就能用」这个朴素目标搭的脚手架。

对我而言，它也是「控制复杂度」和「公开验证」两条造物原则的具象化：选自己能完全理解的技术栈，用一个清晰的渲染模型代替一堆 hack，再用真实的上线版本接受世界检验。

体验地址：amicon.amuluze.com