iOS app icon裁剪

背景

iOS对app icon图标有严格要求，比如：要求图片为png格式，并且不能有alpha通道，尺寸要符合标准等。我们以iPhone为例，如果开发一个app，那么至少需要以下尺寸的icon（单位pixel）
notification：40 * 40 60 * 60
setting: 58 * 58 87 * 87
SpoltLight: 80 * 80 120 * 120
appIcon: 120 * 120 180 * 180
appStore: 1024 * 1024

准备

提供一张1024 * 1024 尺寸的png图片且没有alpha通道，命名为icon.png。

#!/bin/sh

filename="icon.png"

dirname="image"

filename_array=("Icon-Notify-40.png" "Icon-Notify-60.png" "Icon-Set-58.png" "Icon-set-87.png" "Icon-Spotlight-80.png" "Icon-Spotlight-120.png" "Icon-App-120.png" "Icon-App-180.png" "Icon-ad32.png" "Icon-1024.png")

size_array=("40" "60" "58" "87" "80" "120" "120" "180" "1024")

mkdir $dirname

for ((i=0;i<${#size_array[@]};++i)); do

m_dir=$dirname/${filename_array[i]}

cp $filename $m_dir

sips -Z ${size_array[i]} $m_dir

done

将上面代码拷贝粘贴到新的文件中，更改名称为icon.sh,将icon.sh和icon.png 放在同一个文件夹image里，打开终端cd到image执行sh icon.sh即可。

扩展

如果你对shell不是很了解可以参考
这里
脚本中还用到了Mac自带的图片处理工具Sips，如果你想对Sips有更深一步的了解可以参考
这里
github上有一个开源的项目，也可以参考，其实原理一样。参考,这个项目里也对laungchImg做了处理，但是图片最终呈现的比例会有影响，因为启动图并不像icon一样是w:h为1:1，它的比例是根据不同的机型匹配的，所以提供一张被裁剪的原图时，他的宽高比设置成什么比例才不会导致我们生成的启动图拉伸或者压缩，需要靠实际经验处理。