美文网首页
为网站添加 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