メインコンテンツまでスキップ

magick

ImageMagick

Convert SVG file for Website favicon.ico

magick -density 256x256 -background transparent input.svg -define icon:auto-resize favicon.ico

icon:auto-resize 預設會產生 256, 192, 128, 96, 64, 48, 40, 32, 24 及 16px,檔案會變得很大

magick identify .\favicon.ico
.\favicon.ico[0] PNG 256x256 256x256+0+0 8-bit sRGB 12274B 0.005u 0:00.004
.\favicon.ico[1] ICO 192x192 192x192+0+0 8-bit sRGB 0.004u 0:00.003
.\favicon.ico[2] ICO 128x128 128x128+0+0 8-bit sRGB 0.003u 0:00.002
.\favicon.ico[3] ICO 96x96 96x96+0+0 8-bit sRGB 0.002u 0:00.002
.\favicon.ico[4] ICO 64x64 64x64+0+0 8-bit sRGB 0.002u 0:00.001
.\favicon.ico[5] ICO 48x48 48x48+0+0 8-bit sRGB 0.002u 0:00.001
.\favicon.ico[6] ICO 40x40 40x40+0+0 8-bit sRGB 0.002u 0:00.002
.\favicon.ico[7] ICO 32x32 32x32+0+0 8-bit sRGB 0.002u 0:00.002
.\favicon.ico[8] ICO 24x24 24x24+0+0 8-bit sRGB 0.002u 0:00.002
.\favicon.ico[9] ICO 16x16 16x16+0+0 8-bit sRGB 311392B 0.003u 0:00.002

可以在 icon:auto-resize 加上參數來指定要產生的尺寸

magick -density 256x256 -background transparent input.svg -define icon:auto-resize="32,16" favicon.ico

# Result
magick identify .\favicon.ico
.\favicon.ico[0] ICO 32x32 32x32+0+0 8-bit sRGB 0.000u 0:00.000
.\favicon.ico[1] ICO 16x16 16x16+0+0 8-bit sRGB 5430B 0.000u 0:00.000