昨天折腾了一晚上给网站加了 iOS 的图标,基本上仿造了 IPN 的图标:
用基佬紫背景加了单个汉字「默」,算是取自 Momo_Kong 的 Mo,至于右下角的白色渍迹看着像不像溅上去的 Semen 呢(笑)。
为什么需要 iOS 图标?
当你在 Safari 中添加书签时,有图标的网站会显示自己的图标(左二),而无图标的会自动显示 Safari 的默认图标(右二):
而在添加到主屏幕时,无图标的网站会以极丑的网页截图作为图标,而添加了 iOS 图标的网站则不会:
如何添加?
使用 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" />
然后将对应图标文件上传至相应目录即可。