本來(lái)是想在photoshop里面制作的所禀,但是要安裝插件界斜,并且只能制作包含1個(gè)尺寸的.ico文件,這個(gè)是不正確的眯搭,本來(lái).ico文件就是要包含多尺寸圖片的啊窥翩,要不然怎么在多種分辨率下顯示?對(duì)吧鳞仙?我們應(yīng)該制作包含多尺寸的*.ico文件寇蚊。
下面開(kāi)始制作:
準(zhǔn)備條件:安裝對(duì)應(yīng)系統(tǒng)的ImageMagick
先制作好SVG文件,可以在sketch棍好、illustrater等軟件制作仗岸。svg的好處是無(wú)損轉(zhuǎn)換,當(dāng)然你可以使用png圖片借笙,或者其他格式圖片扒怖。
在終端上執(zhí)行下面命令:當(dāng)然你必須使用cd命令到你源文件所在目錄再運(yùn)行下面的生成命令哦!
源文件是svg格式的轉(zhuǎn)換方式
Convert SVG to ICO using ImageMagick, with transparent background and multi-size icons
convert -density 256x256 -background transparent favicon.svg -define icon:auto-resize -colors 256 favicon.ico
https://gist.github.com/azam/3b6995a29b9f079282f3#file-svg2ico-sh
上面的命令行是包含了10個(gè)尺寸的圖片业稼,現(xiàn)在我們只需要windows系統(tǒng)需要的尺寸就可以了:
convert -density 256x256 -background transparent icon.svg -define icon:auto-resize=256,48,32,16 -colors 256 icon.ico
icon.svg 是你制作好的svg文件名盗痒,icon.ico是你生成最后圖標(biāo)的文件名。
重點(diǎn)是:icon:auto-resize=256,48,32,16
低散, 因?yàn)閣indows只需要4個(gè)尺寸即可俯邓,當(dāng)然這是標(biāo)準(zhǔn)版尺寸。
具體尺寸可以看微軟的文檔:https://docs.microsoft.com/en-us/windows/win32/uxguide/vis-icons
源文件是png格式轉(zhuǎn)換方式
準(zhǔn)備好各種不同尺寸的png圖片谦纱,分別改名看成,當(dāng)然你也可以不改,此處只是為了命令行書(shū)寫(xiě)的方便而已跨嘉。
此處是將源png文件名改為16.png川慌、32.png吃嘿、48.png、256.png梦重,分別代表是16x16像素的png圖片兑燥、32x32像素的png圖片,其他的尺寸類(lèi)似
convert 16.png 32.png 48.png 256.png -colors 256 icon.ico
執(zhí)行完上面命令后將在當(dāng)前文件夾生成對(duì)應(yīng)的*.ico文件琴拧。