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

3      

於是我上網爬了 一下文~

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

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

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

 

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

副檔名是 Windows Icon 的 .ico,

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

 

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

<link rel="bookmark" href="/favicon.ico" type="image/x-icon" />

 

但有個問題是

文中提到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當範例
順便一提,如果你看這張圖的底下是灰色 appointment-new.png
那你應該是使用IE 6,因為IE 6還沒有支援有Alpha通道的PNG圖形
請升級成IE 7或是使用Firefox才有好的瀏覽效果

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

IcoFX_1.png

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

IcoFX_2.png

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

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

IcoFX_3.png

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

IcoFX_4.png

創作者介紹

腦袋瓜子

nowz 發表在 痞客邦 PIXNET 留言(0) 人氣()