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

栏目: IOS · 发布时间: 5年前

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打开

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

新建文稿 

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

选取文稿类型为 快速操作

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

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

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

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

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

拖入复制访达项目

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果~

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

❤❤点击这里 -> 订阅PAT、蓝桥杯、GPLT天梯赛、LeetCode题解离线版❤❤ 【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片(切图)

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

创新者

创新者

[美] 沃尔特 · 艾萨克森 / 关嘉伟、牛小婧 / 中信出版社 / 2016-6 / 88.00

讲述了计算机和互联网从无到有的发展历程,并为我们生动地刻画出数字时代的创新者群像。 在近200年的数字化进程中群星闪耀,艾萨克森从一个计算机程序的创造者、诗人拜伦之女埃达说起,细数了这一群站在科学与人文交叉路口的创新者,他们包括通用型电子计算机的创造者奠奇利、科学家冯·诺依曼、仙童半导体公司的“八叛逆”、天才图灵、英特尔的格鲁夫、微软的比尔·盖茨、苹果公司的乔布斯、谷歌的拉里·佩奇等。《创新......一起来看看 《创新者》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具