画像アセットジェネレーターの命名構文

レイヤー命名構文は、PSD のレイヤーおよびレイヤーグループから自動生成されるアセットの出力形式、品質、サイズ、拡大/縮小を制御します。これらの構文ルールを理解することで、レイヤー名に直接すべてのパラメーターをエンコードして、1 つのレイヤーから複数のアセットバリエーションを作成できるようになります。

形式別の品質パラメーター

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：完全なアルファチャンネルを含む 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 - 300 ピクセル × 200 ピクセル
• 100x100 Thumb.png - 100 ピクセル × 100 ピクセル (スペースなし)
• 4in x 3in Photo.jpg - 4 インチ × 3 インチ
• 10cm x 5cm Card.png - 10cm × 5cm

単位の混在

幅と高さの指定では、異なる単位を組み合わせることができます。

例

• 4 in x 100 バナー.jpg - 幅 4 インチ、高さ 100 px
• 200 mm x 6 in ポスター.png - 幅 200 mm、高さ 6 インチ
• 10 in x 50 cm チラシ.jpg - 幅 10 インチ、高さ 50 cm

ワイルドカードの寸法

? を使用しますか?1 つの寸法だけを指定して、比率を維持したまま拡大・縮小するワイルドカードとして使います。

構文:

• [幅]x?[アセット名]：幅を指定し、高さは比率に応じて拡大・縮小
• ?x[高さ] [アセット名]：高さを指定し、幅は比率に応じて拡大・縮小

例：

• 100x? Logo.png：幅 100 px、高さは自動計算
• ?x60 in バナー.jpg：高さ 60 インチ、幅は自動計算

1 つのレイヤーから複数のアセット

アセット名をコンマまたはプラス記号で区切ると、複数のアセットバリエーションを生成できます。

区切り記号：

• ,：コンマ
• ,：コンマ + スペース
• +：プラス記号
• +：プラス記号 + スペース

例：

• Icon.png,Icon.jpg - PNG 版と JPEG 版
• 200% Logo.jpg, 100% Logo.jpg - 2 つのサイズ
• Icon.png8 + Icon.png24 + Icon.jpg90% - 3 つの形式バリエーション
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% - 2 つの拡大・縮小版

複雑なレイヤー命名の例

組み合わせ構文

完全な構文では、フォーマット、画質、拡大・縮小のパラメーターを組み合わせることができます：

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

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

これにより、4つのアセットが生成されます：

• Delicious.jpg - デフォルトの画質、120% に拡大した JPEG
• Delicious.png - 24 ビット PNG、42% に縮小
• Delicious_2.jpg - 絶対サイズ 100×100 ピクセルで画質 90% の JPEG
• Delicious.gif - GIF を 250% に拡大した画像

サブフォルダーの整理

出力を整理するには、アセット名の前にサブフォルダーパスを含めます：

構文：[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 という文字列は拡張子がないため無視されます。