Yasunori MAHATA

こんな感じの <code>mahata.png</code> という画像ファイルがあるとします (僕がインターネットでよく使っていたアイコンです)。
<img src="https://storage.googleapis.com/zenn-user-upload/106f645dc0ba-20250221.png" alt="僕" loading="lazy" class="md-img">
これを <code>.ico</code> フォーマットに変更したいです。
<code>.ico</code> というのは不思議なフォーマットで、<a href="https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types#ico_microsoft_windows_icon" target="_blank" rel="nofollow noopener noreferrer">複数のサイズの画像を格納できます</a>。画像そのものは <code>.bmp</code> か <code>.png</code> になります。
まさに <code>.png</code> ファイルをいい感じにスケールさせれば <code>.ico</code> にできそうです。<a href="https://imagemagick.org/index.php" target="_blank" rel="nofollow noopener noreferrer">ImageMagick</a> を使うと一発で実現できます。
<div class="code-block-container"><pre><code class="code-line" data-line="10">$ convert ./mahata.png -define icon:auto-resize=16,32,48,64,128,256 favicon.ico
</code></pre></div>楽ちんですね。