July 9, 2014
favicon就是Favorites Icon的縮寫，通常用於標籤頁上顯示，一般放置於網頁程式碼中<head>與</head>的裡面，用來加強網站辨識度及加強使用者的印象。常見的尺寸有16*16 px, 32*32 px 和48*48 px。
製作favicon的網站連結（看喜歡用哪一個）
https://convertico.com/
https://www.ifreesite.com/favicon/
▲原圖
進入Photoshoop編輯
▲原比例
▲上下拉長
▲到 http://www.favicon.cc/
▲按下 Import Image
▲選擇上傳
▲編輯畫面
▲Download favicon （舊版瀏覽器，新版則是出現在分頁簽上）
或是到Photoshop輸出 ico (Windows)也是可以
在<head>中放入
有時要這樣才能出現
記得ICON制作時轉換時，格式不能弄錯囉。
參考網頁：
http://blog.apao.idv.tw/html5/favicon/favicon.php
製作網頁：
http://www.childepi.org.tw/
製作favicon的網站連結（看喜歡用哪一個）
https://convertico.com/
https://www.ifreesite.com/favicon/
▲原圖
進入Photoshoop編輯
▲原比例
▲上下拉長
▲到 http://www.favicon.cc/
▲按下 Import Image
▲選擇上傳
▲編輯畫面
▲Download favicon （舊版瀏覽器，新版則是出現在分頁簽上）
或是到Photoshop輸出 ico (Windows)也是可以
在<head>中放入
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
有時要這樣才能出現
<link rel="shortcut icon" type="image/x-icon" href="(Your URL)/favicon.ico">
記得ICON制作時轉換時，格式不能弄錯囉。
參考網頁：
http://blog.apao.idv.tw/html5/favicon/favicon.php
製作網頁：
http://www.childepi.org.tw/
拍賣與購物平台常用的HTML程式
製作 favicon.ico
0 Comment(s)
