網頁favicon.ico標題圖標制作教程與favicon制作軟件IconWorkshop下載
網頁中favicon.ico圖標展示截圖
制作favicon.ico需要兩種軟件進行,首先是Photoshop制作出GIF圖標,再通過IconWorkshop軟件導入PS做出的GIF圖片,保存即可制作出favicon.ico
以下為一般的favicon圖標制作步驟,當然也可以使用其它更好軟件設計漂亮的favicon網頁ico圖標。
一、favicon.ico尺寸要求 - TOP
首先favicon.ico圖標尺寸是有要求,避免變形,一般Photoshop制作GIF圖標時候,新建圖層文件大小為16*16,RGB顏色,背景透明。
新建Photoshop設置
二、在PS里設計好favicon.ico所需的素材后一般保存GIF - TOP
PS設計好16寬16高的圖標文件,導出保存為GIF圖標
導出gif圖標
三、IconWorkshop轉換為ico擴展名的favicon圖標 - TOP
1、打開IconWorkshop
IconWorkshop打開
2、新建ico文件
新建windows 圖標項目
配置新建ico文件后確定
根據上圖配置好ico新建項目的“顏色”、“像素大小”,點擊“確定”。
3、新建好的項目導入PS設計GIF圖標
導入設計GIF圖像
導入GIF的圖標后
4、保存項目即可
點擊當前項目的“保存”圖標
保存好后默認是ICO圖標了,再將ICO圖標命名為favicon.ico即可,上傳到網站網頁根目錄里即可。
四、為什么favicon.ico這樣命名 - TOP
因為網站網頁沒有link標簽設置引入默認ico時候,默認favicon.ico將作為網頁標題ICO圖標。
五、你可以網頁中加favicon.ico引入 - TOP
<link rel="shortcut icon" href="http://www.rs2pl.com/favicon.ico"/>
在你的html網頁中head標簽內添加以上代碼即可,網頁打開后圖標將會是你設計的ICO小圖標
六、favicon制作軟件下載 - TOP
favicon制作軟件下載
如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/css-tool/t628.shtml