背景：我們的App一般都需要配置各種尺寸的logo，然而可愛的UI設(shè)計師經(jīng)常只提供一張1024的，多次提醒都不改這個毛病。當(dāng)然你可以借這個機會和她談?wù)劺硐耄牧娜松２贿^我比較主張自給自足，就有了自動切圖的腳本（ps：摘抄自這里）。

1、創(chuàng)建腳本autoSizeLogo.sh

# 配置logo名稱
filename="logo.png"
# 生成圖片存放文件夾
dirname="logo_cutimg"

# 要剪切的尺寸
size_array=("29" "58" "87" "40" "60" "80" "120" "120" "180" "1024")
# 對應(yīng)的圖片名稱
name_array=("logo_29.png" "logo_29@2x.png" "logo_29@3x.png" "logo_20@2x.png" "logo_20@3x.png" "logo_40@2x.png" "logo_40@3x.png" "logo_60@2x.png" "logo_60@3x.png" "logo_1024.png")

# 獲取腳本當(dāng)前所在目錄(即上級目錄絕對路徑)
root_dir=$(cd "$(dirname "$0")"; pwd)/
# 切換到當(dāng)前腳本的工作目錄
cd ${root_dir}
# 創(chuàng)建文件夾存放自動切圖
mkdir $dirname
for((i=0;i<${#name_array[@]};++i)); do
m_dir=$dirname/${name_array[I]}
cp $filename $m_dir
sips -Z ${size_array[i]} $m_dir
done

2、對腳本授權(quán)，終端執(zhí)行

chmod -R 777 /Users/dp/Desktop/autoSize/autoSizeLogo.sh

3、將logo.png放進(jìn)腳本所在目錄下，名稱要和腳本同步

腳本所在目錄.png

4、將腳本拖進(jìn)終端，回車。如圖所示logo_cutimg文件夾下面就是裁剪的logo

生成的切圖.png

有了這個腳本，你想切多大的圖都可以啦，只需要把腳本里面的尺寸改一下就行啦啦啦~~

感謝原作者，如果侵犯您的權(quán)益的話請聯(lián)系我，我將刪除本文。