首先访问:http://tools.dynamicdrive.com/favicon/ 网站把预先设计好的尺寸为48*48的favicon.png图标上传上去,如下图设置生成新版通用favicon.ico:

    Snip20160130_5

    然后在网页的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">

    插入以后,清空后台缓存后,就可以让网站拥有三种四种尺寸的favicon.ico,同时有了114*114尺寸的苹果设备上专用的icon了。