goTOP
August 7, 2013

製作 favicon.ico

| |
網頁語言 » html | 閱覽(3522) | Posted by apao at 14:12
點擊在新視窗中瀏覽此圖片

要製作 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
Facebook twitter LINEk
文章来自: 本站原創
Tags: ,
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我