如何將檔案存成ICO格式(如何製作ICO檔案)－腦袋瓜子

最近遇到有客戶想要在網址列加上他ㄉ小圖示

於是我上網爬了一下文~

看看有沒有相關ㄉ文章~~

終於看到此版主分享ㄉ文章~

http://www.wretch.cc/blog/Linpy/22720708

先要準備一個 16*16 pixel 的小圖示，

副檔名是 Windows Icon 的 .ico，

網頁中 <head></head> 中加入以下程式碼即可：

但有個問題是

文中提到ICON要存成ICO格式!!?

我又查了一下甚麼是ICO

原來是WINDOW系統下ㄉICON格式的檔案規格

但是我開了photoshop跟小畫家~

就是找不到找不到可以存成那個副檔名

於是我又爬爬爬

感謝小綠寫了這篇文章分享才得以解我的大愁阿!!!

以轉載自 http://catchtest.pixnet.net/blog/post/22304428-%E5%B0%87%E5%85%A8%E5%BD%A9png%E8%BD%89%E6%88%90ico%E6%A0%BC%E5%BC%8F

現在網路上分享的免費圖示(icon)，大多是有Alpha通道的PNG圖形
偏偏要給予捷徑或程式一個圖示，一定得用ICO格式才行
以前我找過一些製作圖示的軟體，但是效果都不好
將PNG轉成ICO後常常會讓半透明消失
前幾天才發現一款很強大的ICO製作軟體 IcoFX
不但有完美的轉檔功能，也有數十種修改圖片的特效
而且還可以擷取螢幕上的圖形，甚至能分離dll中的圖示
更棒的是，安裝檔非常小又免費，還有繁體中文語系
真的是我用過最好的ICON製作軟體

官方網站

首先開啟IcoFX這個程式
如果你不習慣看英文的話
請選擇[Options]-[Languages]-[Download Languages]
點選底下的Taiwan，就能夠轉成中文了

我就先拿免費圖示集Tango的appointment-new.png當範例
順便一提，如果你看這張圖的底下是灰色
那你應該是使用IE 6，因為IE 6還沒有支援有Alpha通道的PNG圖形
請升級成IE 7或是使用Firefox才有好的瀏覽效果

首先要載入圖形，選擇[檔案]-[開啟]
檔案類型必須要選擇"圖像"才能看到Jpg或Png檔案
載入後會出現以下畫面

顏色部分當然是選擇"高彩+Alpha Channel"
尺寸則看你的用途而定，像是捷徑就選48*48
如果只是程式前面的小icon用16*16即可
如果載入的圖片太大了，它會使用進階導入功能，讓你選擇要怎麼導入圖形
所以不用事先幫圖片縮小，很方便

載入完看一下圖片的陰影部分，的確是有穿透的
所以直接使用[檔案]-[儲存]將圖片存出去即可
就這麼簡單^_^

另外，選擇[檔案]-[抽解]就可以把dll等圖片全部導出來
比方說選擇"%SystemRoot%\system32\SHELL32.dll"這個檔案
就能看到很多系統圖形啦

下圖就是導出"我的最愛"的那顆星星的結果，很簡單吧