【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片(切图)

声明:本文转自https://www.liuchuo.net/archives/315,如有侵权请告知!

iOS开发中,会要求导入@1x、@2x和@3x:

使用@1x格式:iPhone3GS

使用@2x格式:iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR

使用@3x格式:iPhone 6Plus、6sPlus、7Plus、8Plus、X、XS、XS Max

这样在开发过程中,将三种图片(比如分别为1.png、1@2x.png和1@3x.png)导入到工程图库中的时候可以自动被识别为1x、2x和3x大小的图片

可以利用Mac系统中自带的服务自己制作一个快速生成@1x、@2x和@3x图片的功能

首先spotlight搜索Automator,然后按Enter打开

image.png

**新建文稿 **

image.png

选取文稿类型为 快速操作

image.png

在工作流程收到当前的后面选择图像文件

image.png

在左边窗口的“操作”下,选择“资源库”中的“文件和文件夹”,将右侧中的“给访达项目重新命名”拖入最右侧的大窗口中,(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),选择“添加文本”,在输入框中输入【@3x】

image

拖入“复制访达项目”

image

选择左侧“资源库”中的照片,将“缩放图像”拖入右侧窗口(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),并选择“按百分比”,输入【66】

image

再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【“】,以【仅基本名称】;****再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【@3x”的副本】,以【仅基本名称】,替换成【@2x】

image

拖入“复制访达项目”,选择左侧“资源库”中的照片,将“缩放图像”拖入右侧窗口(如果警告提示是否要增加一个“拷贝访达项目”操作,选择“不添加”),并选择“按百分比”,输入【50】

image

再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【“】,以【仅基本名称】,再拖入“文件和文件夹”下的“给访达项目重新命名”,并选择【替换文本】,查找【@2x”的副本】,以【仅基本名称】

image

然后保存,将“快速操作”存储为“制作@2x@3x图片”

image

每次使用的时候,只需选中图片,选择访达 -> 服务 -> 制作@2x@3x图片,****就会自动生成三个图片:1.png、1@2x.png和1@3x.png

image

最终效果~

image

推荐阅读更多精彩内容

  • 文章最后有我的 12 条小总结。 写在前面 最近公司需求不多,正好研究一下 App 瘦身的办法,写了点小总结。 如...
    Damonwong阅读 7,090评论 14 76
  • 美术UI在公司是宝贵的资源,集各种项目宠爱于一身。为了努力完成好老板的进度需求,不给UI添麻烦。程序员开始忙活了。...
    babybus_break阅读 887评论 2 1
  • iOS 用imageWithContentsOfFile 加载图片图片名不带@2x和@3x,会找不到图片,问什么不...
    杨大虾阅读 4,563评论 1 3
  • 声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,我写的...
    白屏阅读 8,931评论 20 100
  • 重点参考链接: iOS7 images.xcassets里面放入资源图片 http://www.580114.co...
    Kevin_Junbaozi阅读 1,742评论 0 0
  • 长沙。2019年3月28日。星期四。 时间统计,计10分钟。 英语学习(百词斩20分钟,扇贝单词26分钟),趣配音...
    龙渊的宝藏阅读 103评论 0 1
  • 不要管那个标题,那是因为太烦了才弄得那么大!
    孙笑笑1阅读 161评论 0 0
  • “成长路上多坎坷。不经历风雨,怎能见彩虹。” 这是一位父亲对女儿的启示,更是他对女儿的激励与启发。这句良言如春...
    刘欢欢_阅读 1,505评论 0 1
  • 喝火令 梅寄情思 日日寒风染,时时冷雨欺。盼求仙藻润芳枝。花朵醉红鲜艳,梅院寄情思。 梦伴离人逝,魂牵旅雁随。独身...
    书中樵夫阅读 1,498评论 40 66
  • "为什么古时候的人都会有这么多鸡汤,而作为学生时期的我们都得去学呢?"回过头想想其实鸡汤这东西都是熬出来的,只有你...
    盖被子玩手机阅读 113评论 0 1