欸,朋友們,今天來跟大伙兒嘮嘮,我是咋做出那個 ico 小圖標的。別看這玩意兒小,里頭門道還不少!
咱得先有個圖不是?這圖可不能太大,畢竟做出來的圖標就那么點兒地方。我,是先用 Photoshop 自己畫個圖,當然你要是有現(xiàn)成的也成。不過要注意,這圖最好是 png 格式的,要是 jpg 或者 bmp 啥的,還得先轉成 png 才行。
有 png 圖片,接下來就是關鍵一步:把它變成 ico 格式!這事兒我可沒少折騰。我傻乎乎地直接把 png 圖片的后綴名改成 .ico,結果,你猜怎么著?根本不好使!
后來我學聰明,上網(wǎng)找個專門轉格式的工具。你還別說,這工具真好用!我找到一個網(wǎng)站(具體哪個網(wǎng)站就不說,免得像打廣告),把我的 png 圖片傳上去,然后選幾個尺寸,像什么 16x16、32x32、48x48 的,它就“唰”地一下,給我生成一個 zip 壓縮包。
本來以為這事兒就成,結果,我把生成的 ico 圖標放到項目里一編譯,那圖標小得跟芝麻粒兒似的!我這心,拔涼拔涼的。
后來我到處問,到處查資料,才知道,原來這 ico 圖標里頭,可以包含不同尺寸的圖片。瀏覽器或者操作系統(tǒng)會根據(jù)需要,自動選擇合適尺寸的圖片來顯示。我之前生成的那個 ico 圖標,可能只包含一個很小尺寸的圖片,所以顯示出來就特別小。
這可咋辦?我又不想重新畫圖。于是我又上網(wǎng)找個工具,這回是專門用來編輯 ico 圖標的。我把之前生成的 ico 圖標打開,一看,果然,里頭只有一個小尺寸的圖片。我把其他尺寸的圖片也給加上,這回再放到項目里,完美!圖標大小正合適,看著舒服多!
今天的分享就到這兒。希望對大伙兒有幫助!