![【Windows10】imageMagick7のインストール手順【画像編集】](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/main-imagemagick-install@850w.jpg?202006112220)
Windows10でImageMagick7のインストール手順について紹介します。
Macだとパッケージ管理システム「Homebrew」を使うと簡単にインストールできるみたいですが、Windowsでは使えないようなので、ImageMagick公式サイトからダウンロードする手順と確認方法を紹介しています。
ImageMagick7の情報が本当に少ないです。
急いでImageMagickを使う必要がある場合は、ImageMagick6.9以前を検討したほうがいいかもしれません。
インストール手順
ImageMagick公式サイトのダウンロードページにアクセスします。
自分の環境にあわせてダウンロードするファイルを選択し、ダウンロードします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install1.jpg?202006112220)
ダウンロードしたファイルのアイコンをクリックします。(セットアップが実行されます)
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install2.jpg?202006112220)
「I accept the agreement」を選択し、「Next」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install3.jpg?202006112220)
「Next」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install4.jpg?202006112220)
インストールディレクトリにこだわりがなければ、そのまま「Next」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install5.jpg?202006112220)
スタートメニューに表示される名前にこだわりがなければ、そのまま「Next」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install6.jpg?202006112220)
特にこだわりがなければ、「Next」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install7.jpg?202006112220)
選択した内容を確認し、「Next」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install8.jpg?202006112220)
インストールが実行されます。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install9.jpg?202006112220)
インストールが終わったら、「Next」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install10.jpg?202006112220)
最後に、「Finish」をクリックします。
![imagemagick](https://hsmt-web.com/wp/wp-content/themes/hsmt-web/images/imagemagick-install11.jpg?202006112220)
確認方法
ImageMagickが正しく機能していることを確認します。
インストールはImageMagickバージョンが6以前でもあまり変わりないようですが、バージョン7以降はコマンドラインのコードが変わっているので注意してください。
コマンドプロンプトウィンドウを管理者権限で開きます。
編集するファイルを入れるフォルダに移動します。
次のコードを入力(コピペ)し、実行(エンター)します。
magick logo: logo.gif
フォルダにImageMagickのロゴ(logo.gif)がダウンロードされます。
次のコードを入力(コピペ)し、実行(エンター)します。
magick identify logo.gif
ロゴ画像の情報が表示されます。
次のコードを入力(コピペ)し、実行(エンター)します。
magick logo.gif win:
「ImageMagick Display」が起動し、ロゴ画像が表示されます。
ImageMagick実行
ImageMagickを使った画像の操作を紹介します。
- ロゴ画像を同比率で最大100pxの画像に縮小
-
magick logo.gif -resize 100x100 logo.png
- ロゴ画像を幅20px高さ10pxトリミング
-
magick input.png -crop 640x480+20+10 output.png
公式サイトでいろいろな画像の編集方法が紹介されていますが英語です。
まとめ
ImageMagickのインストール手順を紹介しました。
「gulp-image-resize」を使えるようにしたかったのですが、今のところ行き詰ってます。