美文网首页
为网站添加 iOS 图标

为网站添加 iOS 图标

作者: Momo_Kong | 来源:发表于2015-08-06 22:29 被阅读304次

    昨天折腾了一晚上给网站加了 iOS 的图标,基本上仿造了 IPN 的图标:

    iOS IconiOS Icon

    用基佬紫背景加了单个汉字「默」,算是取自 Momo_Kong 的 Mo,至于右下角的白色渍迹看着像不像溅上去的 Semen 呢(笑)。


    为什么需要 iOS 图标?

    当你在 Safari 中添加书签时,有图标的网站会显示自己的图标(左二),而无图标的会自动显示 Safari 的默认图标(右二):

    Safari BookmarkSafari Bookmark

    而在添加到主屏幕时,无图标的网站会以极丑的网页截图作为图标,而添加了 iOS 图标的网站则不会:

    Add to HomescreenAdd to Homescreen

    如何添加?

    使用 MakeAppicon 将制作好的图片丢入,生成全尺寸的 iOS 图标。在网页 <head> 标签内插入代码:

    <link rel="apple-touch-icon" href="ios/AppIcon.appiconset/Icon-60@2x.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="ios/AppIcon.appiconset/Icon-60@3x.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="ios/AppIcon.appiconset/Icon-76.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="ios/AppIcon.appiconset/Icon-76@2x.png" />
    <link rel="apple-touch-icon" sizes="58x58" href="ios/AppIcon.appiconset/Icon-Small@2x.png" />
    

    然后将对应图标文件上传至相应目录即可。


    博客地址:http://blog.kongwy.com/51/

    相关文章

      网友评论

          本文标题:为网站添加 iOS 图标

          本文链接:https://www.haomeiwen.com/subject/pzkbqttx.html