網站網址icon

在自己網站網址前加上小圖示,這樣在瀏覽器我的最愛列表中就比較顯目

一般網站的Icon大小是16x16

格式 JPG GIF PNG ICO 均可

行動版Icon大小

iPhone and iPod Touch (Retina Display)
Icon size: 114px by 114px
iPhone and iPod Touch (None Retina Display)
Icon size: 57px by 57px
iPad (Retina Display)
Icon size: 144px by 144px
iPad (None Retina Display)
Icon size: 72px by 72px

加在<head>內

<link rel="shortcut icon" href="http://xxx.com/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="apple-icon-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-icon-57x57-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-icon-144x144-precomposed.png" />

註:rel=apple-touch-icon,會有反射光,加上了-precomposed,就可以隱藏反射光。

網站網址icon

 

Favicon線上製作:http://tw.faviconico.org/

IcoFX 軟體:http://www.icofx.ro

分享...網站網址icon0網站網址icon0
0 回復

發表評論

想要留言嗎?
歡迎歡迎!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *