Mac Shell腳本批處理圖片

前言

分享一下日常開發用到的圖片批處理 Shell 腳本,寫的比較小白,大神不要嘲笑,剛開始用 Shell 的時候,被空格坑的不要不要的git

腳本主要有:github

  • 一鍵生成 iOS 須要的全部尺寸圖標AppIcon
  • 一鍵生成 App 啓動圖LaunchImage
  • 批處理,一鍵將當前文件下全部圖片生成對應的1x,2x,3x圖片。
  • 批處理,一鍵將當前文件夾下全部圖片轉爲PNG圖片。

簡要說明

在 Mac 的終端中,cd打開圖片文件夾—>拖入 Shell 文件到終端—>回車-->輸入 1 或 2 或 3 或 4 便可進行對應操做,如圖:bash

這裏寫圖片描述

詳細說明

一、將要處理的圖片放入目標文件夾

例如你要處理的圖片文件放在桌面上的images文件中。網絡

這裏寫圖片描述

二、把要做爲圖標的圖片命名爲 icon

只有須要做爲 icon 圖片的圖片才須要這樣命名。工具

圖片展現圖片源自網絡

三、進入當前存放圖片的文件夾

須要在終端中用cd命令先進入此文件夾;終端輸入cd空格(cd 後面有一個空格),而後拖入你桌面的images文件夾路徑。spa

這裏寫圖片描述

這裏寫圖片描述

四、拖入執行 Shell 腳本

同理,再拖入所用到的 Shell 文件,而後回車確認。3d

這裏寫圖片描述

五、輸入數字選擇操做

顯示界面以下,若是須要生成AppIcon圖標,則輸入數字1,回車。code

這裏寫圖片描述

六、圖片警告

因爲我在網上找到的是JPG圖片,轉爲PNG圖片後,Alpha 通道顏色異常,因此有CGColor顏色警告,正常PNG圖片處理是沒有<...>部分的,有警告但不影響使用。cdn

這裏寫圖片描述

注意點

一、AppIcon

命名爲 icon 的圖片必須爲 png 格式,蘋果官方文檔要求 png 格式。blog

  • 圖片名稱須要爲 icon.png 。
  • 尺寸目前包括 40×40 58×58 60×60 80×80 87×87 120×120 180×180 1024×1024。
  • 若是須要特殊尺寸,在下方的 for 循環處添加相應的數字便可。

這裏寫圖片描述

二、LaunchImage

命名爲 LaunchImage 的圖片必須爲 png 格式,蘋果官方文檔要求。

三、iPhone 屏幕尺寸一覽

機型 屏幕尺寸
iPhone X/Xs 1125 x 2436
iPhone Xs Max 1242 x 2688
iPhone XR 828 x 1792
iPhone 6P/6SP/7P/8P 1242 x 2208
iPhone 6/6S/7/8 750 x 1334
iPhone 5/5S/SE 640 x 1136
iPhone 4/4S 640 x 960
  • 要做爲啓動圖片的名稱須要爲LaunchImage.png。
  • 目前按照屏幕尺寸默認生成尺寸爲 640 x 960,640 x 1136,750 x 1334,1242 x 2208,828 x 1792,1242 x 2688,1125 x 2436。
  • 若是須要其餘尺寸,方法同上,本身到Shell文件中修改相應尺寸數字便可。

四、生成 LaunchImage 的示例代碼

# >>>>>>>>>>一鍵生成App啓動圖片LaunchImage<<<<<<<<<<<<<
# 自動生成LaunchImage
LaunchWithSize() {
case $1 in
    "960")
    sips -z 960 640 LaunchImage.png --out LaunchImageFolder/LaunchImage_960x640.png
    ;;

    "1136")
    sips -z 1136 640 LaunchImage.png --out LaunchImageFolder/LaunchImage_1134x640.png
    ;;

    "1334")
    sips -z 1334 750 LaunchImage.png --out LaunchImageFolder/LaunchImage_1334x750.png
    ;;

    "2208")
    sips -z 2208 1242 LaunchImage.png --out LaunchImageFolder/LaunchImage_2208x1242.png
    ;;
esac
}

複製代碼

其餘圖片批處理

一、批量生成1x,2x,3x圖片

  • 將當前文件夾下全部圖片縮放爲1x,2x,3x圖片,並自動命名。
  • 注意:若是icon.png和LaunchImage.png也在當前圖片文件下,也會生成1x,2x,3x圖片。

二、批量將圖片轉爲PNG格式

  • 會將當前文件夾下全部圖片轉換爲PNG格式。
  • 注意,用Shell腳本和用蘋果圖片預覽工具另存爲轉換,都是僅僅轉換圖片格式,簡單的將缺失Alpha通道色都補爲1,體積會變大。
  • 例如JPEG圖片格式,只包含RGB通道顏色,體積小,適合網絡傳輸和打印;而PNG圖片格式,除了包含RGB顏色外,還包含Alpha透明通道。
  • PNG圖片格式是蘋果官方推薦的格式,由於iOS系統會用到大量的透明效果,並且PNG圖片支持硬解碼,使界面更流暢。

源碼連接

完整Shell腳本較長,會使文章篇幅冗長,請至GitHub下載 若是您以爲方便好用,請在GitHub上賞個Star ⭐️,您的鼓勵是我創做的動力! 點擊下載Shell腳本文件

Shell腳本截圖

Shell腳本截圖
相關文章
相關標籤/搜索