ImageMagickのconvertを使ってfaviconを作成するコマンド

ImageMagickのconvertを使ってfaviconを作成したい場合は次のようなコマンドを実行すると良いそうです。

$ convert source.png -define icon:auto-resize favicon.ico

16×16、24×24、32×32、40×40、48×48、64×64、96×96、128×128、192×192、256×256のマルチアイコンとなるようです。含めるサイズを指定したい場合は

$ convert source.png -define icon:auto-resize=64,48,32,16 favicon.ico

のような感じで実行します。

HTMLのヘッダーへの書き方

favicon.icoの場合は指定する必要はありませんが、ファイル名やパスを変更したい場合はHTMLのヘッダーに

<link rel="shortcut icon" href="/path/to/icon.ico">

のような記述を追加すると良いようです。

リンク

[SOLVED] PNG to ICO while preserving transparency – ImageMagick
http://www.imagemagick.org/discourse-server/viewtopic.php?t=26252

html – Favicon: .ico or .png / correct tags? – Stack Overflow
https://stackoverflow.com/questions/6121725/favicon-ico-or-png-correct-tags

関連記事

convertを使った画像の拡大縮小
横を300px、縦はアスペクト比が変わらないようにリサイズ $ convert -resize 300x infile.jpg outfile.jpg 縦を200px、横はアスペクト比が変わらないようにリサイズ $ convert -resize x200 infile.jpg outfile.jpg アプペクト比を無視して横300px、縦200pxにリサイズ $ ...

コマンドラインでExif情報を表示する方法
identifyというImageMagickのツールを使うとExifを含む情報が表示できるそうです。 使い方は次のような感じです。 $ identify -verbose image.jpg Exif関連のみ表示したい場合はgrepを使うと便利です。 $ identify -verbose image.jpg | grep "exif:" ...

ImageMagickのconvertコマンドでサムネイル画像を作成
ImageMagickのconvertコマンドを使って画像をresize & cropする方法を調べてみました。 オリジナルの画像(src.jpg) アスペクトを維持して画像全体が含まれるようにリサイズ $ convert -resize 200x200 -gravity Center -extent 200x200 src.jpg dst.jpg CSS...

コメントを残す

メールアドレスが公開されることはありません。