原文地址:http://blog.csdn.net/johnnycode/article/details/49050261

開發移動端的小伙伴在處理各種 Icon 各有心得,Photoshop 用的得心應手,現在有個自動化腳本處理各種尺寸 Icon.

本文以處理 iOS Icon 為參考,關于 Android 以及 iPad 自己修改下參數即可!OK,找美工GG要一張 1024x1024 圖片,然后按照步驟操作!

1.首先參考蘋果官方文檔,確定自己需要的尺寸?App Icons on iPad and iPhone

2.根據自己的需求修改相應參數,程序員小伙伴應該能看的懂,只需要根據需要修改 icons 數組即可,保存文件名為 .jsx 結尾 ,?點擊下載編輯好文件

//調用[File]的[openDialog]命令，彈出文件選擇窗口，提示用戶選擇1024*1024尺寸的圖標，并將文件存儲在變量[bigIcon]中。 var bigIcon = File.openDialog("請選擇一張1024x1024大小的圖片：", "*.png", false);//打開用戶選擇的圖標文件，并將打開后的文檔，賦予變量[pngDoc]。 var pngDoc = open(bigIcon, OpenDocumentType.PNG);//調用[Folder]的[selectDialog]命令，彈出文件夾選擇窗口，提示用戶選擇輸出iOS圖標的文件夾。 //并將文件夾存儲在變量[destFolder]中。 var destFolder = Folder.selectDialog( "請選擇一個輸出的文件夾：");//定義一個數組，這個數組由各種js對象組成，每個對象都有一個[name]屬性和[size]屬性，分別表示圖標的名稱的尺寸。 var icons = [{"name": "Icon-29@2x", "size":58},{"name": "Icon-40@2x", "size":80},{"name": "Icon-60@2x", "size":120},{"name": "Icon-60@3x", "size":180} ];//定義一個變量[option]，表示iOS輸出的格式為PNG。并設置輸出PNG時不執行PNG8壓縮，以保證圖標質量。 var option = new PNGSaveOptions();//保存當前的歷史狀態，以方便縮放圖片后，再返回至最初狀態的尺寸。 option.PNG8 = false; var startState = pngDoc.historyStates[0];//添加一個循環語句，用來遍歷所有圖標對象的數組。 for (var i = 0; i < icons.length; i++) {//定義一個變量[icon]，表示當前遍歷到的圖標對象。var icon = icons[i];//調用[pngDoc]對象的[resizeImage]方法，將原圖標，縮小到當前遍歷到的圖標對象定義的尺寸。pngDoc.resizeImage(icon.size, icon.size);//定義一個變量[destFileName]，表示要導出的圖標的名稱。var destFileName = icon.name + ".png";if (icon.name == "iTunesArtwork")destFileName = icon.name;//定義一個變量[file]，表示圖標輸出的路徑。var file = new File(destFolder + "/" + destFileName);//調用[pngDoc]的[saveAs]方法，將縮小尺寸后的圖標導出到指定路徑。pngDoc.saveAs(file, option, true, Extension.LOWERCASE);//將[doc]對象的歷史狀態，恢復到尺寸縮放之前的狀態，即恢復到1024*1024尺寸，為下次縮小尺寸做準備。pngDoc.activeHistoryState = startState; }//操作完成后，關閉文檔。 pngDoc.close(SaveOptions.DONOTSAVECHANGES);

3.打開 Photoshop , 選擇文件->腳本->瀏覽,選擇剛才保存的腳本,打開后選擇一張 1024x1024 的圖片,然后選擇保存文件夾即可!詳細操作過程可以參考文章底部本文參考!

本文參考:

批量生成各尺寸的iOS圖標

總結

以上是生活随笔為你收集整理的批量生成各尺寸的iOS图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。