More than 1 year has passed since last update.

webデザイナーによるターミナル入門 -画像の操作-

Posted at 2024-08-06

先日、ターミナル入門の記事を書いたばかりですが、再びターミナルについてです！
https://qiita.com/marietti/items/ab4cb8835b1b3a733502

今回は、画像を一気にリサイズしたい場面に直面し諸々調べて操作したので、
ターミナルでの画像操作をまとめていこうと思います！

基本の記述法

$ ships -hoge(option) ***(該当の画像,ディレクトリ) -out(出力先のディレクトリ)

macで画像操作をする際は、shipsコマンドを使います。
基本的には上書き保存されてしまうので、-out hogeで出力先(hogeディレクトリ)を指定してあげることが多くなりそうです。

リサイズの基準はいくつかあります。
ここで紹介するものは縦横比固定でリサイズできます！

$ sips -Z 1000 sample.png

1000の部分に希望のpx数を記載すればOK
縦を指定したい場合は–resampleHeightオプションをプラス
横を指定したい場合は–resampleWidthオプションをプラスしましょう

$ sips --resampleWidth 1000 sample.png

1000の部分に希望のpx数を記載すればOK

$ sips --resampleHeight 1000 sample.png

1000の部分に希望のpx数を記載すればOK

$ ships -s format 形式(拡張子名)

画像フォーマットの変換は-sオプションで可能です。
指定できる拡張子は下記の8種類のようです。
jpeg,tiff,png,gif,jp2,bmp,psd,tga

webpについては、別途「cwebp」というコマンドをインストールし、実行していく必要があります。

$ brew install webp

brew listコマンドで一覧にwebpがあればインストール成功です。

変換したい画像をまとめたディレクトリ内に、Shellスクリプトを作成します。保存形式は**hoge.sh**です。
下記がShellスクリプトの中身です

#!/bin/sh
for file in `find . -type f -name "*.jpg" -or -name "*.jpeg" -or -name "*.png"`;
do
cwebp $file -o "${file%.*}.webp" >/dev/null 2>&1
done

こちらの例ではjpgprpngのファイルを全てwebpに変換します。

Shellスクリプトは作った段階では実行権限がありません。
実行権限を付与するためShellスクリプトがあるディレクトリで以下の操作を実行します。

$ chmod 755 webp.sh

これで準備完了！

先ほど作ったShellスクリプトがあるディレクトリに移動し、Shellスクリプトを実行します

$ ./webp.sh

スクリプトを実行後、webpファイルが元あった画像データと同じ数生成されていれば成功です！

$ sips --help

ヘルプを見ればオプションが一覧で表示されます！

ターミナルの苦手意識をなくし、業務効率化していきたいです