自由设计师的必备在线工具箱
图片优化、颜色代码转换、网站图标生成、SVG清理——客户项目需要的所有工具，无需安装任何软件。
上周二晚上9点，客户给我发消息："能把logo发个32x32的favicon、180x180的Apple触控图标吗？还有我们用的那个蓝色的hex代码是什么来着？"
我只有笔记本电脑。没有Photoshop。没有Illustrator。只有一个浏览器。
十五分钟后，全部搞定了。下面是方法。
"客户要特定尺寸"的问题
这种事经常发生。客户需要Open Graph用的1200x630大图、商店用的800x800产品图、网格布局用的150x150缩略图。一张图片要出三种不同尺寸。
为了一个简单的缩放打开完整的设计软件，就像开卡车去便利店一样大材小用。你只需要快速、精确的工具。
拖入图片，设置尺寸，下载。几秒钟搞定。我把这个工具固定在浏览器标签页里，因为每周至少用两次。
颜色代码的混乱
开发人员要hex值。印刷厂要CMYK。品牌指南列的是RGB值。客户发来一个Pantone色号，问"CSS版本是什么"。
颜色转换听起来很简单，直到你一天做了五次。有一个地方能粘贴任何颜色格式、返回所有其他格式，真的能省很多时间。
小技巧：转换后把常用的品牌颜色加入书签，下次就不用再找了。
Favicon比想象中复杂
Favicon看起来很简单——就是一个小图标嘛。但现代浏览器和设备其实需要多种尺寸：浏览器标签页用16x16，书签用32x32，iOS主屏幕用180x180，Android用192x192。
以前要从一张源图生成所有这些，意味着打开Photoshop，手动导出每个尺寸，再转换成.ico格式。20分钟的枯燥工作。
用Favicon生成器，上传一次就能得到所有需要的尺寸。我现在每个网站交付都包含这个。
交付前的SVG清理
Illustrator和Figma导出的SVG带着大量冗余——编辑器元数据、不必要的分组、应该是属性的内联样式、过高的小数精度。
一个本该8KB的SVG文件变成50KB是常事。单个图标无所谓，但页面上有40个图标时，就是流畅加载和卡顿的区别。
在发送给开发人员之前，用SVG优化器处理一下。他们会感谢干净的代码，更小的文件也有助于页面性能。
压缩客户交付物
客户不关心压缩。他们关心的是网站加载快、邮件附件不会因为太大被退回。
在发送任何图片批次之前，我都会压缩一遍。20张产品照片的作品集可以从80MB缩小到12MB，没有可见的质量损失。这就是"下载半天"和"收到了，谢谢！"的区别。
真实的工作流程
我做客户素材交付的实际流程：
- 调整大小到客户指定的精确尺寸
- 压缩以减小文件大小而不损失质量
- 如需特定格式代码就转换颜色
- 网页项目就生成Favicon
- 交给开发人员前优化SVG
整套素材大概10分钟。不用安装软件，不用订阅。只需要浏览器标签页就行。
为什么浏览器工具对自由职业者最好
做自由职业时，每一分钟的配置时间都是没有报酬的。你可能在客户的电脑上、咖啡店的笔记本上，或者平板上。工具能在任何浏览器、任何设备上运行，不需要登录、没有试用限制——这才是让自由职业真正可持续的关键。
最好的工具是不需要思考的工具。需要时它就在那里，不会碍事，让你专注于客户真正付费的创意工作。