<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[製作 favicon.ico]]> apao <apao@www.apao.idv.tw> Wed, 07 Aug 2013 06:12:27 +0000 https://blog.apao.idv.tw/post// 點擊在新視窗中瀏覽此圖片

要製作 favicon.ico 以前在photoshop裡面可以製作，但是現在似乎在選項內跑不出來了。

一般模式
將html碼置入於<head></head>之間
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">


一般模式 [不同位置]
<head></head>之間放入
<!--第一種-->
<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<!--第二種-->
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<!--第三種-->
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >


動畫模式
<head></head>之間放入
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >


如果覺得自己製作麻煩，將自己制作好的16x16px GIF或是PNG檔案
上傳至網站中然後下載製作好的favicon.ico
FavIcon Generator

點擊在新視窗中瀏覽此圖片

再將html碼置入於
<head></head>之間放入
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">


也有例外的寫法
<head></head>之間放入
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon" />


參考網頁：
http://blog.apao.idv.tw/html5/favicon/favicon.php
Tags - , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] 製作 favicon.ico]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment