第4の方法:コマンドラインツール:💁私の経験:ImageMagickを用いたGIF、PNG、JPGから.ICOへの変換
ImageMagickでGIF、PNG、JPGなどを.ICOに変換する際、透明の扱いでつまずいた例です。Stack Overflowで紹介されていたコマンドでは、環境によっては意図した透過にならないことがありました。![]()
Tino氏によるStack Overflow上の問題記述へのコメント
使用コマンド
画像をICOにする際に提案されていた例です。変換用:
/usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.jpg \-transparent white -colours 256 output/favicon.ico
GIFおよびPNG用:
/usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.png \-flatten -colours 256 output/favicon.ico
試行錯誤した解決策
透明まわりのために、-channel alpha -negate などの変更を試しました。主要ブラウザで安定するICOを作るには、検証環境をそろえるのが近道です。代替案
調査の結果、ImageMagickの代わりにicotoolを使う方法もありました。Stack Overflowの流れに沿って、次のコマンドが有効だった例です。icotool -c -o favicon.ico FILENAME
透過の崩れが収まったケースがありました。Ubuntu Linuxでの例が多いですが、icotoolが入っている環境なら同様に試せます。
提言
透明付きICOを作るときのメモです。ImageMagickの結果が不安定ならicotoolを候補に入れる: 透過が環境差で崩れるときに有効なことがあります。
icotoolのインストール: 未導入ならパッケージマネージャで追加します。Ubuntuの例:
sudo apt-get install icoutils
icotoolで画像からICOを作る:インストール後に使えるコマンド例
icotool -c -o favicon.ico FILENAME
FILENAMEを画像パスに置き換えます。透過を保持したい要件では、出力をブラウザで確認してください。






