今天主要给大家推荐四款用于切图的工具和一个在线移动图标生成工具,主要的应用场景是根据一张1024*1024的大图很多的小的icon图标
工具和在线移动图标生成工具
- Prepo

- iConvert Icons

- iconKit

- App Icon Gear

注意:
这个会生成四种图,OSX、iPhone、Android、AppleWatch等,另外还会生成AppIcon.appiconset,可以直接copy这AppIcon.appiconset整个文件夹到工程中对应位置,即可完成AppIcon的设置,不需要去拖到对应位置,也增加了App Store1024的图,具体见下图:

- 在线移动图标生成工具(这个比较全一点)

点我跳转在线移动图标生成工具
注意:
这个和上面那个工具App Icon Gear一样,也可以生成AppIcon.appiconset文件夹,可以直接替换的,所以很省事,我推荐用这个工具!!!
知识点

- CarPlay表示的是车载系统使用到的图标
- iTunes Artwork表示的是iTunes上使用的图标
工具使用注意
使用方式都很简单,只要将准备好的1024*1024的大图拖入到软件指定的位置,然后再选择生成的图,一般包含Mac、Andriod、iPhone、iPad等,然后再导出到指定位置即可。具体使用的截图我就不贴了。
图标尺寸
- iPhone Notification iOS 7-10 20pt (推送通知横幅左上角图标)
- iPhone Spotlight iOS 5-6 Settings iOS 5-10 29pt (搜索栏和设置中图标)
- iPhone Spotlight iOS 7-10 40pt (搜索栏图标)
- iPhone App iOS 7-10 60pt (HomeScreen图标)
- iPad Notification iOS 7-10 20pt (推送通知横幅左上角图标)
- iPad Settings iOS 5-10 29pt (设置中App的图标)
- iPad Spotlight iOS 7-10 40pt (搜索栏图标)
- iPad App iOS 7-10 76pt (HomeScreen图标)
- iPad Pro App iOS 9-10 83.5pt (HomeScreen图标)
- CarPlay 60pt (车载图标)
- ......
搜索栏图标:

设置栏图标:

推送通知图标:

App图标:

以上!!!

网友评论