標題：favicon製作與相關網站
出處：A.PAO designSTUDIO BLOG
時間：Wed, 09 Jul 2014 11:31:38 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/1029/

內容：

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1890

▲原圖

進入Photoshoop編輯


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1888

▲原比例


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1889

▲上下拉長


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1891

▲到 http://www.favicon.cc/


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1894

▲按下 Import Image


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1893

▲選擇上傳


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1895

▲編輯畫面


點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1896

▲Download favicon 

或是到Photoshop輸出 ico (Windows)也是可以

在<header>中放入
<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/







Generated by Bo-blog 2.1.1 Release