使用Automator批量生成图标

因为设计师需要在完成图标设计后一次性生成各种尺寸的图标给工程师,使用Sketch虽然可以做到,但是还是很麻烦,所以决定给他写个脚本自动完成这个工作。

因为工作环境都是Mac,自动化肯定首选Automator,如果使用原生的Crop方法会很麻烦,而且自动化程度不够高,所以就想使用bash脚本,搜索了一下,发现Mac已经自带了图像处理的命令行工具sips,具体用法就不细说了,可以参考官方文档:sips ManPages

大致用法:

bashsips [image-modification-functions] imagefile ... [--out result-file-or-dir]

然后就祭上Automator,创建一个Service,选择image files,然后添加Utilities->Run Shell Script,输入下面内容:

bashsizes=(144 96 72 29)
for f in "$@"; do
    for size in ${sizes[@]};do  
        sips -Z $size $f -o ${f/.png/_$size.png}
    done
done

这个是最基本的版本,可以通过添加sizes数组的内容增加需要生成的尺寸。

后来因为iOS有@2x这样的规则,所以又进行了一番修改,生成了特定的版本。

bashsizes=(144 76 144 120 180 80 160 57 114 40 80 120 29 58 97)
sizen=(144 76 76@2x 60@2x 60@3x 80 80@2x 57 57@2x 40 40@2x 40@3x 29 29@2x 29@3x)
for f in "$@" 
do
    for i in "${!sizes[@]}"; do 
        sips -Z ${sizes[$i]} $f -o ${f/.png/_${sizen[$i]}.png}
    done
done

保存为Build icons,然后在Finder中选中要生成的图标源文件(必须是png哦),选择Services中的Build icons就会在源文件同目录生成一批你需要的图标了。

源码和生成的Automator文件在GitHub:https://github.com/yourtion/AutomatorGenerateICON,点击“Download ZIP”下载压缩包后,解压,双击直接安装就OK了。

04月07日修复文件路径空格问题

欢迎大家反馈意见建议~

转自:http://blog.yourtion.com/automator-batch-generate-icons.html


Yourtion杂说
关于开发与运维过程中的点滴记录~[链接]
778 声望
9 粉丝
0 条评论
推荐阅读
iOS百度外卖的头像波浪效果实现
最近刚好跟朋友在讨论百度外卖上那个头像波浪效果,想想好像蛮好玩的,写一个玩玩,参考了 乔同X的博客 使用 CADisplayLink,并改成 Swift 实现。

Yourtion阅读 5.2k

工具篇:iTerm与Zsh
iTerm2支持许多的主题配色,可以自己定义,也可以参考网上现成的主题配色。我个人比较喜欢draculatheme配色。支持item,vim,phpstorm , 下方存在主题官网路径,按照教程安装即可。

super白4阅读 4.7k

mac下git命令自动补全
本文亲测可用。老版本macos方法:1、打开网页,[链接]全选,复制内容。2、在~/.bash_profile文件(如果没有需要创建)中加入以下内容即可生效

zorro阅读 5k

前端怎么配置刚到手的mac和常用的快捷键
如果有装Xcode,则会自带git,Xcode用于Ios开发。如果没有可以用brew下载`brew install git配置基础信息和 SSH

HappyCodingTop阅读 2k

封面图
macOS Monterey 12.2 (21D49) 正式版 ISO、IPSW、PKG 下载
本站下载的 macOS Monterey 软件包,既可以拖拽到 Applications(应用程序)下直接安装,也可以制作启动 U 盘安装,或者在虚拟机中启动安装。

sysin阅读 1.6k

封面图
macOS Monterey 12.2 (21D49) Boot ISO 原版可引导镜像
请访问原文链接:[链接],查看最新版。原创作品,转载请保留出处。作者主页:www.sysin.org下载地址更新这里列出 ISO 启动镜像下载链接,更多格式请访问以下地址:macOS Monterey 12.2 (21D49) 正式版 ISO、IPSW...

sysin阅读 1.3k

封面图
集简云 x 中能科技 丨助力企业实现人财数字化建设
CLIS中能科技——中国领先锂电储能系统集成服务商;致力于为全球客户提供性能卓越,技术领先的储能产品;首创的CM-GTS产能模块全球快速迁移系统,帮助全球合作伙伴们快速构建本土化生产能力。

集简云阅读 1k

778 声望
9 粉丝
宣传栏