![the letter w is made up of red liquid](https://tumiki-box.com/images/site-icon.png)
ImageMagickでマルチアイコンのfavicon.icoを作る
ImageMagickを使用して、Faviconとして使用するためのマルチアイコンを作成する方法を以下に示します。
- まず、アイコンの元となる画像を用意します。この画像は、マルチアイコンの各サイズ用にリサイズされます。
- 次に、以下のコマンドを使用して、ImageMagickをインストールします。
sh
sudo apt-get install imagemagick
- 次に、以下のコマンドを使用して、マルチアイコンを生成します。
sh
convert icon.png -define icon:auto-resize=64,48,32,16 favicon.ico
ここで、icon.pngはアイコンの元となる画像のファイル名です。-defineオプションで、生成するアイコンのサイズを指定します。この例では、64×64、48×48、32×32、16×16の4つのサイズを指定しています。また、favicon.icoは生成されるアイコンのファイル名です。
- 生成されたfavicon.icoファイルを、Webサイトのルートディレクトリにアップロードします。その後、HTMLの<head>セクション内に以下のコードを追加して、Faviconとして使用します。
html
<link rel="icon" type="image/ico" href="/favicon.ico">
このコードで、Webサイトのルートディレクトリにアップロードされたfavicon.icoファイルがFaviconとして使用されます。