当前位置: 代码迷 >> 综合 >> iOS 应用图标(Illustrator 绘制)部署后四周存在黑边的问题及解决方法
  详细解决方案

iOS 应用图标(Illustrator 绘制)部署后四周存在黑边的问题及解决方法

热度:18   发布时间:2024-01-14 06:58:25.0
  1. 问题描述:
    通过 Illustrator(简称 AI) 绘制的 iOS 应用图标,通过 icon 工具生成各种在 xcode 10 中需要的分辨率图标,部署手机后发现应用图标的四周一直存在黑边!这个问题困扰了我一会,开始以为是生成工具的问题,所以查找和测试了好几款生成不同分辨率 iOS 小图标的工具后,但是部署后应用图标还是存在黑边!

用 AI 重新绘制图标,在导出为 png 图片时,发现保存选项的预览小区域有透明区域,如下图:

抓紧用 Photoshop 打开确认一下 AI 导出的该 png 图片

这下确认就是 AI 绘制的原图的问题!

  1. 解决方法:
    用 PS 裁减掉透明边,问题解决!

PS:在网上需求解决方法时,还发现有人遇到 icon 应用图标存在黑边是由于在绘制应用图标时将四个角设置成圆角方形了!因为 iOS 会自动将图标已圆角方形显示,也可能导致这个问题!相应把圆角方形图标绘制成直角方形图标即可!

  1. iOS 应用图标各分辨率转换工具推荐
    (解决这个问题时,发现的几款比较好用的转换工具,分享一下,以供感兴趣的朋友参考!)
  • 在线工具:makeappicon:http://makeappicon.com/(桌面版的收费,在线版的把生成的不同分辨率的图像打包发指定邮箱)
  • Python 命令工具:
    • MakeAppIcon:https://github.com/luutruong/MakeAppIcon(2018 年 12 月最后更新)
    • autoExportAppIcon:https://github.com/mgfjxxiexiaolong/autoExportAppIcon(2017 年 4 月最后更新)
    • IconSplashMaker:https://github.com/winterfeel/IconSplashMaker(2016 年 9 月最后更新)
  相关解决方案