画像のリサイズと圧縮をしよう

iPhoneやiPadで撮った写真やスクリーンショットは、そのまま貼り付けるにはサイズが大きいので適当な大きさにリサイズして圧縮をかける必要がある。毎回ツールを起動して変換するのは面倒なのでスクリプトを書いた。具体的には長辺が800pxになるようにsharpでリサイズして、imageminで再圧縮をかけている。
では、変換した後の画像を貼り付けてみる。

iPhone11で撮った写真

iPheno11で撮ったスクリーンショット(横長

iPhone11で撮ったスクリーンショット(縦長

iPad mini5で撮ったスクリーンショット

ファイルサイズについて

上記4画像ファイルのオリジナルサイズは合計16.4MBだったものが、変換後は合計931KBとなり5.5%くらいまで縮んだことになる。見た目も荒さなどは見られないし、これくらい縮めば問題なく使っていけそうだね。

ただし、実装方法がJavaScript的にかなりダサい気がしているので勉強して書き直したさはある。同期・非同期処理とPromise辺りについて勉強しないとダメな予感。