Macで複数の画像を結合させて１枚の画像に変換する方法

GIFアニメをCSS3のanimation-timing-functionに置き換えて容量を削ろうの記事で画像を作る際に一枚一枚手でくっつけてたんじゃ時間かかるので、一瞬で済ますコマンド

ImageMagickをHomeBrewでインストール

$ brew install imagemagick
$ convert -version
Version: ImageMagick 6.9.2-4 Q16 x86_64 2015-10-11 http://www.imagemagick.org
Copyright: Copyright (C) 1999-2015 ImageMagick Studio LLC
License: http://www.imagemagick.org/script/license.php
Features: Cipher DPC Modules 
Delegates (built-in): bzlib freetype jng jpeg ltdl lzma png tiff xml zlib

画像を結合させる

例えばこの５つの画像ファイルの場合

• 001.jpg
• 002.jpg
• 003.jpg
• 004.jpg
• 005.jpg

縦に結合

$ convert -append 001.jpg 002.jpg 003.jpg 004.jpg 005.jpg output.jpg

横に結合

$ convert +append 001.jpg 002.jpg 003.jpg 004.jpg 005.jpg output.jpg