2018-03-25

複数の画像を手早くsipsコマンドで一括リサイズする -『Mac』

画像をリサイズする退屈な作業を一括で行ったり自動化する方法はいくつかあります。フロントエンド開発ではタスクランナーを使ったり、よく使うのはPhotoshopのスクリプトを利用したりするのではないでしょうか。そこで、アプリを立ち上げるのが面倒なときに Mac のターミナルでサクッと sips コマンドでリサイズをする tips です。

Terminal を開いて cd コマンドで任意のディレクトリに移動して、次のコマンドを実行します。

terminal


sips -Z 500 *.jpg

-Z: 比率を保つ
640: 高さと幅の最大値
*.jpg: 拡張子の選択、画像の拡張子が .JPG であれば、ここを変更する

という簡単なコマンドで一括リサイズすることができました。今回はサムネイルを作るようなイメージですね。ぼくはカメラの大きな画像をこれでリサイズしてカメラロールのようなものを生成することにしています。

sips コマンドでは他にも色々な画像の加工ができるので、こちらを参考にどうぞ。

Macのターミナルで簡単に画像処理できるsipsの使い方

おわります。

webmanab.html

複数の画像を手早くsipsコマンドで一括リサイズする -『Mac』

terminal

share
ー

tag
ー

tip

flexコンテナの孫要素の高さを親要素いっぱいにしたいときのtips -『CSS3』

コピペできるフォントスタイルシート。2017年に向けたCSSで出来る最強のフォント指定をひととおりまとめ -『CSS』

かわいく、かっこよく。素敵なアニメーションを実装するためのライブラリのまとめ -『animation』

数秒後に処理を遅らせて実行するsetTimeout()とjQueryのqueue()の扱い方 -『javascript』

自分の好みのスクロールバーに。「perfect-scrollbar」でかんたんにスクロールバーをカスタマイズする -『javascript』

コーディング環境を効率化できるテンプレートエンジン「EJS」の基本的な使い方 -『front-end』

Nuxt.js でアトミックデザインの静的サイトを作るまでの Tips 集 -『Nuxt』

Dart Sass を Nuxt に導入する -『Sass』

TypeScript を使いこなして手に入れる型安全 -『TypeScript』

TypeScript の基本文法 -『TypeScript』

グラフィックプログラミングの公式とか概念について -『JavaScript』

ピクセルパイプラインのCSSレンダリングパフォーマンスを考える -『CSS』

CoffeeScript を ES6 に変換するツール decaffeinate -『tool』

スタートアップが利用するフォントを集めた 『Fonts That People Actually Use』

terminal

share ー

tag ー

relatedー

CoffeeScript を ES6 に変換するツール decaffeinate -『tool』

スタートアップが利用するフォントを集めた 『Fonts That People Actually Use』

スタートアップが利用するフォントを集めた『Fonts That People Actually Use』

share
ー

tag
ー

related
ー

スタートアップが利用するフォントを集めた『Fonts That People Actually Use』