iOS 앱에 필요한 아이콘을 일괄적으로 크기 조정하는 스크립트를 만들었습니다.
14260 단어 ShellScriptiOSBashffmpegMac
소개
iOS 앱에 필요한 아이콘의 크기는 매우 많으며 GUI의 이미지 편집 소프트웨어를 사용하여 수동으로 크기를 조정하는 것은 번거롭습니다.
그 때문에, 무엇번 달리는지는 모르겠지만, 일괄적으로 리사이즈하는 스크립트를 구현했습니다.
환경
이미지 전제 조건
iOS 앱의 모든 아이콘은 1 : 1이므로
가장 큰 아이콘의 크기는 1024x1024이므로
단순히 이미지를 크기 조정하기위한 스크립트로 인해
FFmpeg 설치
명령줄에서 이미지를 크기 조정하는 데 사용합니다.
설치 방법은 이 기사을 참조하십시오.
이미지 크기 조정 스크립트 구현
필요한 도구 설치가 완료되면 스크립트를 구현합니다.
resize_icon_for_ios.sh
#!/bin/bash
# ----------------------------------------
# 画像をiOSアプリのアイコン向けに一括でリサイズする
# 引数:画像ファイルパス(/path/to/*.*)
# ファイル名のみ(*.*)だと「{画像ファイル名}」のフォルダが作成されない
# 出力:iOSアプリのアイコンセット(/path/to/{画像ファイル名}/*.*)
# 備考:画像は1:1で1024x1024以上が望ましい
# ----------------------------------------
# 引数の保持
readonly IMAGE_PATH=$1
function main () {
checkArgument
createIcon
exit
}
function createIcon () {
local -r FILENAME_EXT=${IMAGE_PATH##*/}
local -r FILENAME=${FILENAME_EXT%.*}
local -r EXT=${FILENAME_EXT##*.}
local -r FILE_PATH=${IMAGE_PATH%/*}
local -r ICON_PATH="${FILE_PATH}/${FILENAME}/"
# 「{画像ファイル名}」のフォルダを作成して移動する
if [ ! -d ${ICON_PATH} ]; then
mkdir ${ICON_PATH}
fi
cd ${ICON_PATH}
# 画像をリサイズして保存する
# ffmpeg -i {元画像ファイルパス} -vf scale={サイズ} {出力画像ファイルパス}
ffmpeg -i ${IMAGE_PATH} -vf scale=1024:1024 "${FILENAME}_AppStore.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=120:120 "${FILENAME}_iPhone_App@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=180:180 "${FILENAME}_iPhone_App@3x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=80:80 "${FILENAME}_iPhone_Spotlight@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=120:120 "${FILENAME}_iPhone_Spotlight@3x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=58:58 "${FILENAME}_iPhone_Settings@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=87:87 "${FILENAME}_iPhone_Settings@3x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=40:40 "${FILENAME}_iPhone_Notifications@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=60:60 "${FILENAME}_iPhone_Notifications@3x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=76:76 "${FILENAME}_iPad_App.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=152:152 "${FILENAME}_iPad_App@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=167:167 "${FILENAME}_iPadPro_App@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=40:40 "${FILENAME}_iPad_Spotlight.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=80:80 "${FILENAME}_iPad_Spotlight@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=29:29 "${FILENAME}_iPad_Settings.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=58:58 "${FILENAME}_iPad_Settings@2x.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=20:20 "${FILENAME}_iPad_Notifications.${EXT}"
ffmpeg -i ${IMAGE_PATH} -vf scale=40:40 "${FILENAME}_iPad_Notifications@2x.${EXT}"
}
function checkArgument () {
# 画像が存在しない、またはファイルでない場合、終了する
if [ ! -e ${IMAGE_PATH} ] || [ ! -f ${IMAGE_PATH} ]; then
echo "画像ファイルが不正です。"
exit
fi
}
main
아이콘의 대량 크기 조정
스크립트 구현이 완료되면 아이콘을 일괄적으로 크기 조정합니다.
스크립트와 이미지 파일은 어디에 둘 수 있지만 둘 다 바탕 화면에 넣으면 쉽습니다.
이번에는 "logo.png"라는 이미지 파일을 대상으로합니다.
# bash resize_icon_for_ios.sh {画像ファイルパス}
$ bash resize_icon_for_ios.sh ~/Desktop/logo.png
처리가 성공적으로 완료되면 이미지 파일과 같은 위치에 이미지 파일 이름의 폴더가 만들어집니다.
폴더를 열면 아이콘이 일괄적으로 생성됩니다.
그리고 아이콘을 Xcode 프로젝트의 에셋으로 드래그 앤 드롭하면 완료됩니다.
결론
이렇게하면 앱을 많이 만들거나 아이콘을 자주 바꿔 놓을 수 있습니다.
간단한 스크립트이므로 필요에 따라 커스터마이즈 등을 해보세요!
참고 링크
Reference
이 문제에 관하여(iOS 앱에 필요한 아이콘을 일괄적으로 크기 조정하는 스크립트를 만들었습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/uhooi/items/75d11201b0bd56c48969텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)