歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

網頁favicon.ico標題圖標制作教程與favicon制作軟件IconWorkshop下載

網頁中favicon.ico圖標展示截圖
網頁中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新建設置
新建Photoshop設置

二、在PS里設計好favicon.ico所需的素材后一般保存GIF   -   TOP

PS設計好16寬16高的圖標文件,導出保存為GIF圖標

導出gif圖標
導出gif圖標

三、IconWorkshop轉換為ico擴展名的favicon圖標   -   TOP

1、打開IconWorkshop

IconWorkshop打開
IconWorkshop打開

2、新建ico文件

新建windows 圖標ico項目
新建windows 圖標項目

配置新建ico文件后確定
配置新建ico文件后確定

根據上圖配置好ico新建項目的“顏色”、“像素大小”,點擊“確定”。

3、新建好的項目導入PS設計GIF圖標

導入設計GIF圖像
導入設計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.khijtf.live/favicon.ico"/>
在你的html網頁中head標簽內添加以上代碼即可,網頁打開后圖標將會是你設計的ICO小圖標

六、favicon制作軟件下載   -   TOP

favicon制作軟件下載

如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/css-tool/t628.shtml

江西多乐彩走势图今天