影像資產產生器命名語法

圖層命名語法可控制從 PSD 圖層和圖層群組自動產生之資產的輸出格式、品質、尺寸和縮放比例。了解這些語法規則後，您可以直接在圖層名稱中編碼所有參數，從單一圖層建立多個資產變化版本。

特定格式的品質參數

JPEG 語法

品質後綴

• .jpg1 到 .jpg10（1 至 10 等級）
• .jpg1% 到 .jpg100%（百分比範圍）

預設： 未指定後綴時為 90% 品質

範例

• Logo.jpg5：品質等級 5 的 JPEG
• Hero.jpg80%：80% 品質的 JPEG
• Banner.jpg：預設 90% 品質的 JPEG

PNG 語法

位元深度後綴

• .png8：8 位元 PNG
• .png24：24 位元 PNG
• .png32：32 位元 PNG

預設： 未指定後綴時為 32 位元

範例

• Icon.png8：含 256 色的 8 位元 PNG
• Photo.png24：不含透明度的 24 位元 PNG
• Button.png32：含完整 Alpha 色版的 32 位元 PNG
• Logo.png：32 位元 PNG (預設)

GIF 語法

格式

• .gif：基本 Alpha 透明度

品質參數： 不適用於 GIF 格式

範例

• Animation.gif：具有基本透明度的 GIF

SVG 語法

格式

• .svg：向量格式

品質和大小參數： 不適用

範例

• Shape.svg：可縮放向量圖形

大小和縮放參數

大小前置詞會出現在資產名稱之前，並以空格分隔。如果以像素指定尺寸，則可以省略單位。

相對縮放

語法：[percentage]% [asset-name]

範例：

• 200% Logo.jpg：縮放至 200%
• 50% Icon.png：縮放至 50%
• 42% Button.gif：縮放至 42%

絕對尺寸

語法：[width] x [height] [asset-name] 或 [width][unit] x [height][unit] [asset-name]

支援的單位：px、in、cm、mm (可省略像素)

範例：

• 300 x 200 Hero.jpg：300px × 200px
• 100x100 Thumb.png：100px × 100px (無空格)
• 4in x 3in Photo.jpg：4 英吋 × 3 英吋
• 10cm x 5cm Card.png：10 公分 × 5 公分

混合單位

您可以在寬度和高度規格中結合不同的單位。

範例

• 4in x 100 Banner.jpg：寬度 4 英吋，高度 100 像素
• 200mm x 6in Poster.png：寬度 200 公釐，高度 6 英吋
• 10in x 50cm Flyer.jpg：寬度 10 英吋，高度 50 公分

萬用字元維度

使用 ? 作為萬用字元，只要指定一個尺寸即可按比例縮放。

語法：

• [width]x? [asset-name]：指定寬度，高度會按比例縮放
• ?x[height] [asset-name]：指定高度，寬度會按比例縮放

範例：

• 100x? Logo.png：寬度 100 像素，高度自動計算
• ?x60in Banner.jpg：高度 60 英吋，寬度自動計算

從單一圖層建立多個資產

使用逗號或加號分隔資產名稱，即可生成多個資產變化版本。

分隔符號：

• ,：逗號
• ,：逗號後接空格
• +：加號
• +：加號後接空格

範例：

• Icon.png,Icon.jpg：PNG 和 JPEG 版本
• 200% Logo.jpg, 100% Logo.jpg：兩種尺寸
• Icon.png8 + Icon.png24 + Icon.jpg90%：三種格式變化版本
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80%：兩種縮放版本

複雜的圖層命名範例

組合語法

完整的語法可結合格式、品質和縮放參數：

[size] [asset-name].[format][quality], [size] [asset-name].[format][quality]

範例：120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

這會產生四個資產：

• Delicious.jpg - 以預設品質的 JPEG，縮放 120%
• Delicious.png - 24 位元 PNG，縮放 42%
• Delicious_2.jpg - 90% 品質的 JPEG，絕對尺寸為 100×100 像素
• Delicious.gif - GIF，縮放 250%

子檔案夾組織

在資產名稱前加入子資料夾路徑，即可整理 Output 內容：

語法：[subfolder]/[asset-name].[format]

範例：

• icons/Logo.png - 儲存在 icons 子檔案夾中
• @2x/Hero.jpg - 儲存在 @2x 子檔案夾中
• thumbnails/50% Photo.png - 在 thumbnails 子檔案夾中縮放 50%

絕對縮放驗證

有效的絕對縮放語法

無效的絕對縮放語法

圖層名稱限制

不支援的字元：: (冒號) 和 * (星號) 不能用於資產產生的圖層名稱中。

忽略的字串：在多資產的圖層名稱中，任何沒有副檔名的字串都會被忽略。例如，在 100% Delicious, 42% Layer 1.png 中，字串 100% Delicious 會被忽略，因為它缺少副檔名。