PhotoShop CC版增加了一個非常好用的功能生成圖像資源，開啟此功能后，PhotoShop會自動把指定的圖層和圖層組（為了方便表達，以后把圖層或者圖層組統(tǒng)稱層組）導(dǎo)出成指定的規(guī)格的圖片；
注意：
圖像資源生成功能的配置有特定格式，由于網(wǎng)上關(guān)于這些格式的描述很雜亂，而且不規(guī)范，所以為了更嚴謹?shù)孛枋鲞@些語法格式，我便總結(jié)并采用ABNF語法范式來描述語法規(guī)則，對于不熟悉ABNF語法范式的同學(xué)，可以參考《語法格式描述規(guī)范BNF和ABNF》

目錄

1. 語法總覽
2. 配置圖像資源生成功能
3. 從一個圖層或圖層組生成多個資源
4. 指定資源的路徑
5. 尺寸參數(shù)
6. 品質(zhì)參數(shù)
7. 總結(jié)：層組名的語法規(guī)則
8. 配置默認參數(shù)
9. 禁用所有文檔的圖像資源生成功能

內(nèi)容

1. 語法總覽

先給出層組名的全部語法，以方便大家查閱，后文會詳細講解，如下：

• 層組名的語法規(guī)則

  層組名 = <資源項列表>
  資源項列表 = <資源項>{","<資源項>}
  資源項 = [尺寸參數(shù)] [<路徑參數(shù)>"/"]<資源名>[縮放參數(shù)]"."<后綴名>[品質(zhì)參數(shù)]
  尺寸參數(shù) = (<寬>[單位] "x" <高>[單位]) | (<數(shù)字>%)
  單位 = px | in | cm | mm
  縮放參數(shù) = "@"<數(shù)字>"x"
  后綴名 = ".jpg" | ".png" | ".gif" | ...
  品質(zhì)參數(shù) = <JPG品質(zhì)參數(shù)> | <PNG品質(zhì)參數(shù)>
  JPG品質(zhì)參數(shù) = (1-10) | (0-100%)
  PNG品質(zhì)參數(shù) = 8 | 24 | 32
  

• 默認參數(shù)配置語法
  在PhotoShop中為圖像資源指定默認的配置參數(shù)，方法如下：

  1. 創(chuàng)建空圖層；
  2. 把該圖層的名字更改為：以default二字開頭，并跟眷默認參數(shù)列表；語法為：

     默認配置層組名 = "default" [默認參數(shù)組列表]
     默認參數(shù)組列表 = <默認參數(shù)組> *["+" <默認參數(shù)組>]
     默認參數(shù)組 = [尺寸參數(shù)] [路徑參數(shù)] [縮放參數(shù)]
     路徑參數(shù) = <路徑>"/"
     縮放參數(shù) = "@"<數(shù)字>"x"
     

2. 配置圖像資源生成功能

圖像資源生成功能的使用方式如下：

1. 啟用生成器

   1. 打開：編輯/首選項/增效工具
   2. 選擇：啟用生成器
   3. 單擊：確定

2. 勾選圖像資源菜單：文件/生成/圖像資源

3. 配置圖層或圖層組的名字；
   若想讓PhotoShop自動把某個層組導(dǎo)出為指定的規(guī)格的圖片，則必須在該層組的名字中添加相應(yīng)格式的后綴名（如：.jpg、.png、.gif等等），并按照一定的格式給該層組的名字配置規(guī)格參數(shù)；

   層組名的配置語法：

   層組名 = <資源項列表>
   資源項列表 = <資源項>{","<資源項>}
   

   ** 資源項 最簡單的語法為：**

   資源項 = <資源名>"."<后綴名>
   

   如下圖：
   

   添加后綴名.png

   導(dǎo)出的圖片如下圖所示：
   

   導(dǎo)出效果.png

注意：

• 層組的名稱不支持特殊字符:和*；
• 圖層組生成的圖像資源是該圖層組內(nèi)的所有可見圖層的合并效果；
• PhotoShop會自動把生成的圖片放在PSD所在目錄下的./<PSD名>-assets/目錄下；
• 生成的圖片的名字、格式、及尺寸是根據(jù)相應(yīng)的圖層或圖層組的名稱而得的；
• 圖像資源生成功能的開關(guān)參數(shù)是記錄在PSD中，所以，某個PSD文件開啟圖像資源生成功能后，無論何時再次打開該文檔，圖像資源生成功能仍然保持開啟；要關(guān)閉該功能，另需取消勾選圖像資源菜單：文件/生成/圖像資源，然后保存；
• PhotoShop會實時更新生成的圖像資源，并且便生成的圖像資源與配置保存同步，即，如果配置中刪除了一個資源名，則PhotoShop也會刪除相應(yīng)生成的圖像資源；

3. 從一個圖層或圖層組生成多個資源

要從一個圖層或圖層組生成多個資源，需要在層組的名字中設(shè)置多個資源名，并且用用逗號,分隔各個資源名；
語法為：

層組名 = <資源項列表>
資源項列表 = <資源項>{","<資源項>}
資源項 = <資源名>"."<后綴名>

示例：

證件照1.jpg，證件照2.png

多個資源名.png

示例效果：

多個資源名效果.png

4. 指定資源的路徑

在配置層組的名字時，也可以指定生成的資源的路徑;
語法為：

資源項 = [<路徑>/]<資源名>"."<后綴名>

示例：

證件/證件照.jpg

指定資源路徑示例.png

示例效果：

指定資源路徑效果.png

5. 尺寸參數(shù)

可以通過圖層或圖層組的名字配置生成的圖像資源的尺寸，具體如下：
語法為：

資源項 = [尺寸參數(shù)] <資源名>"."<后綴名>
尺寸參數(shù) = (<寬>[單位] "x" <高>[單位]) | (<數(shù)字>%)
單位 = px | in | cm | mm

說明：
尺寸參數(shù) 的格式是：<寬>[單位] "x" <高>[單位] 或 <數(shù)字>%；
尺寸參數(shù) 和 資源名 之間必須有空格；
寬 和 高 后面可以帶 單位 ：px、in、cm、mm；
如果 單位 是像素，則可以省略；
寬 和 高 可以帶不同的單位；

6. 品質(zhì)參數(shù)

語法：

資源項 = <資源名>"."<后綴名>[品質(zhì)參數(shù)]
品質(zhì)參數(shù) = <JPG品質(zhì)參數(shù)> | <PNG品質(zhì)參數(shù)>
JPG品質(zhì)參數(shù) = (1-10) | (0-100%)
PNG品質(zhì)參數(shù) = 8 | 24 | 32

說明：

• 在不指定 品質(zhì)參數(shù) 的情況下， JPG品質(zhì)參數(shù) 的默認值是90%， PNG品質(zhì)參數(shù) 的默認值是32，gif資源會以基本Alpha透明度生成；
• gif格式?jīng)]有品質(zhì)參數(shù)；

7. 總結(jié)：層組名的語法規(guī)則

以上分別介紹了在層組名中設(shè)置各種參數(shù)的單獨語法，下面給出層組名的全部語法，如下：

層組名 = <資源項列表>
資源項列表 = <資源項>{","<資源項>}
資源項 = [尺寸參數(shù)] [<路徑參數(shù)>"/"]<資源名>[縮放參數(shù)]"."<后綴名>[品質(zhì)參數(shù)]
尺寸參數(shù) = (<寬>[單位] "x" <高>[單位]) | (<數(shù)字>%)
單位 = px | in | cm | mm
縮放參數(shù) = "@"<數(shù)字>"x"
后綴名 = ".jpg" | ".png" | ".gif" | ...
品質(zhì)參數(shù) = <JPG品質(zhì)參數(shù)> | <PNG品質(zhì)參數(shù)>
JPG品質(zhì)參數(shù) = (1-10) | (0-100%)
PNG品質(zhì)參數(shù) = 8 | 24 | 32

8. 配置默認參數(shù)

在PhotoShop中為圖像資源指定默認的配置參數(shù)，方法如下：

1. 創(chuàng)建空圖層；
2. 把該圖層的名字更改為：以default二字開頭，并跟眷默認參數(shù)列表；語法為：

   默認配置層組名 = "default" [默認參數(shù)組列表]
   默認參數(shù)組列表 = <默認參數(shù)組> *["+" <默認參數(shù)組>]
   默認參數(shù)組 = [尺寸參數(shù)] [路徑參數(shù)] [縮放參數(shù)]
   路徑參數(shù) = <路徑>"/"
   縮放參數(shù) = "@"<數(shù)字>"x"
   

示例

指定圖像資源的默認路徑：

default path/to/folder/

會在./<PSD名>-assets/path/to/folder/下生成所有的圖像資源

指定縮放參數(shù):

default @2x

會為所有生成的圖像資源添加縮放參數(shù)，格式為：<資源名>@2x.<后綴名>

9. 禁用所有文檔的圖像資源生成功能

若想對任意PSD文件都禁用PhotoShop的資源生成功能，則可以通過修改首選項，在全局范圍禁用所有 Photoshop 文檔的圖像資源生成功能；
操作步驟為：

1. 打開：編輯/首選項/增效工具
2. 取消選擇：啟用生成器
3. 單擊：確定

注意:
當在首選項中禁用圖像資源生成時，文件/生成/圖像資源菜單命令不可用；