前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS开发:图标生成器Prepo 的使用

iOS开发:图标生成器Prepo 的使用

作者头像
三掌柜
发布2022-04-12 16:58:52
1.2K0
发布2022-04-12 16:58:52
举报

前言

在移动端开发过程中,设置app的图标尺寸是一个非常常见的操作,而且在设置app图标尺寸的时候是要严格按照移动端的标准来设置,尤其是iOS版本的app图标尺寸要求非常严格,如果设置的图标尺寸不符合标准,app上架的时候就会出错,所以在设置app图标尺寸的时候一定要注意。iOS开发中通过Assets设置启动图片以及icon处理工具Prepo(图片放大缩小不失真,自动生成@2x@3x,图片类型随意切换),再也不用担心美工给的图片规格不合适、不满意了,大大方便了iOS开发者的开发,也节省了沟通时间,提高了开发效率。

Prepo

1、简介

Prepo是图标生成转化器,Prepo for Mac是Mac OS平台上的一款非常不错的Mac图像处理软件,Prepo for Mac基于Mac和iOS的一款免费且非常方便的图标转化器,它可以帮助设计师和iOS开发者快速的导出各种尺寸的图标。设计师和iOS开发者通过Prepo把任何格式的图片文件转换成 iOS可用的图片格式。

有了Prepo,iOS开发者可以跳过美工,直接生成自己需要的任何尺寸的icon图标,直接使用Xcode生成的Images.xcassets或者去新建个,然后就可以使用Prepo工具,即可处理。直接在Mac的App Store搜索Prepo,免费下载初级版本,还有收费的高级版本,直接下载初级基础版本就行了,也可以直接在浏览器里面输入Prepo for Mac搜索下载安装,两种下载安装方式,根据个人喜欢选择。

2、功能介绍

(1)Prepo可以帮助设计师和iOS开发者快速生成各种尺寸的图标,只需将最大分辨率的图标(最大分辨率的图标尺寸为1024*1024)拖拽进来,其他的具体的icon处理交给Prepo做就好了,非常简单方便。

  (2)通过点击Prepo对话框顶部右上角的“copy plist”按钮,设计师和iOS开发者可以轻松的把导出的文件复制到Xcode中,节省了大量的工作时间。 如图所示:

3、软件特色

 (1)调节图像大小、转换图片格式;

 (2)批量的处理@2x作品;

 (3)自动的转换和重命名 。

4、具体的使用操作

(1)打开浏览器,搜索Prepo for Mac,选择下载Prepo到Mac电脑上;

(2)在Mac电脑上面安装完Prepo之后,打开Prepo;

(3)打开Prepo图标生成器的主面板,然后选中左侧菜单栏里面的“Icons”选项,然后选择顶部的Icons类型选择,本文案例以app的尺寸来讲解,所以选择了“iOS7+ Only”选择,这就是设置app的Icons的尺寸;

(4)然后直接把需要设置Icons的最大分辨率的图标拖入到主面板的空白位置,提示的“Add Icon Artwork”,最大的分辨率尺寸为1024*1024,拉进去之后就生成一套图标了,图标上面还可以选择不同版本等等,点击右边的Export可以生成图标;

(5)图标拖入进去之后,会自动生成出来app需要的各个尺寸的icon,然后选择右上角的“copy plist”按钮,直接可以轻松的把导出的文件复制到Xcode中,节省了大量的工作时间,有些尺寸是不需要的,拉入Xcode的Images.xcassets,删除不匹配的icon即可。

附录

选择了“iOS7+ Only”之后,Prepo生成了以下几个尺寸的icon,具体如下所示:

代码语言:javascript
复制
512x512            对应iTunesArtwork
83.5x83.5          对应Icon-iPadPro
76x76              对应Icon-76
60x60              对应Icon-60
40× 40             对应Icon-Spotlight-40
29× 29             对应Icon-Small

通过上述尺寸 以及解释说明可以看到,包含的有iPadicon尺寸,直接选择appicon尺寸即可,忽略iPad及其他类型的icon尺寸即可。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-09-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 iOS开发by三掌柜 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档