首先訪問:http://tools.dynamicdrive.com/favicon/ 網(wǎng)站把預(yù)先設(shè)計好的尺寸為48*48的favicon.png圖標(biāo)上傳上去,如下圖設(shè)置生成新版通用favicon.ico:
然后在網(wǎng)頁的header里邊插入三行代碼如下:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" sizes="16x16 24x24 32x32 48x48"> <link rel="apple-touch-icon-precomposed" type="image/png" href="/apple-icon.png" sizes="114x114"> <meta name="apple-mobile-web-app-title" content="eastdesign.net">
插入以后,清空后臺緩存后,就可以讓網(wǎng)站擁有三種四種尺寸的favicon.ico,同時有了114*114尺寸的蘋果設(shè)備上專用的icon了。