網站網址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，就可以隱藏反射光。
Favicon線上製作：http://tw.faviconico.org/
IcoFX 軟體：http://www.icofx.ro
發表評論
想要留言嗎？歡迎歡迎！