聲明:本文轉(zhuǎn)自https://www.liuchuo.net/archives/315,如有侵權請告知稽荧!
iOS開發(fā)中钾军,會要求導入@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
這樣在開發(fā)過程中,將三種圖片(比如分別為1.png盈简、1@2x.png和1@3x.png)導入到工程圖庫中的時候可以自動被識別為1x凑耻、2x和3x大小的圖片
可以利用Mac系統(tǒng)中自帶的服務自己制作一個快速生成@1x、@2x和@3x圖片的功能
首先spotlight搜索Automator柠贤,然后按Enter打開
**新建文稿 **
選取文稿類型為 快速操作
在工作流程收到當前的后面選擇圖像文件
在左邊窗口的“操作”下香浩,選擇“資源庫”中的“文件和文件夾”,將右側(cè)中的“給訪達項目重新命名”拖入最右側(cè)的大窗口中臼勉,(如果警告提示是否要增加一個“拷貝訪達項目”操作邻吭,選擇“不添加”),選擇“添加文本”宴霸,在輸入框中輸入【@3x】
拖入“復制訪達項目”
選擇左側(cè)“資源庫”中的照片囱晴,將“縮放圖像”拖入右側(cè)窗口(如果警告提示是否要增加一個“拷貝訪達項目”操作,選擇“不添加”)瓢谢,并選擇“按百分比”畸写,輸入【66】
再拖入“文件和文件夾”下的“給訪達項目重新命名”,并選擇【替換文本】氓扛,查找【“】枯芬,以【僅基本名稱】;****再拖入“文件和文件夾”下的“給訪達項目重新命名”采郎,并選擇【替換文本】破停,查找【@3x”的副本】,以【僅基本名稱】尉剩,替換成【@2x】
拖入“復制訪達項目”真慢,選擇左側(cè)“資源庫”中的照片,將“縮放圖像”拖入右側(cè)窗口(如果警告提示是否要增加一個“拷貝訪達項目”操作理茎,選擇“不添加”)黑界,并選擇“按百分比”管嬉,輸入【50】
再拖入“文件和文件夾”下的“給訪達項目重新命名”,并選擇【替換文本】朗鸠,查找【“】蚯撩,以【僅基本名稱】,再拖入“文件和文件夾”下的“給訪達項目重新命名”烛占,并選擇【替換文本】胎挎,查找【@2x”的副本】,以【僅基本名稱】
然后保存忆家,將“快速操作”存儲為“制作@2x@3x圖片”
每次使用的時候犹菇,只需選中圖片,選擇訪達 -> 服務 -> 制作@2x@3x圖片芽卿,****就會自動生成三個圖片:1.png揭芍、1@2x.png和1@3x.png
最終效果~