Benennungssyntax für den Bild-Asset-Generator

Die Ebenen-Benennungssyntax steuert Ausgabeformat, Qualität, Abmessungen und Skalierung für Assets, die automatisch aus deinen PSD-Ebenen und Ebenengruppen generiert werden.Wenn du diese Syntaxregeln verstehst, kannst du mehrere Asset-Varianten aus einer einzigen Ebene erstellen, indem du alle Parameter direkt im Ebenennamen codierst.

Formatspezifische Qualitätsparameter

JPEG-Syntax

Qualitätssuffix

• .jpg1 bis .jpg10 (Skala 1–10)
• .jpg1% bis .jpg100% (Prozentskala)

Standard: 90 % Qualität, wenn kein Suffix angegeben ist

Beispiele

• Logo.jpg5 – JPEG mit Qualitätsstufe 5
• Hero.jpg80% – JPEG mit 80 % Qualität
• Banner.jpg – JPEG mit Standardqualität von 90 %

PNG-Syntax

Suffix für Bittiefe

• .png8 – 8-Bit-PNG
• .png24 – 24-Bit-PNG
• .png32 – 32-Bit-PNG

Standard: 32-Bit, wenn kein Suffix angegeben ist

Beispiele

• Icon.png8 – 8-Bit-PNG mit 256 Farben
• Photo.png24 – 24-Bit-PNG ohne Transparenz
• Button.png32 – 32-Bit-PNG mit vollständigem Alphakanal
• Logo.png – 32-Bit-PNG (Standard)

GIF-Syntax

Format

• .gif – einfache Alphatransparenz

Qualitätsparameter: Nicht verfügbar für das GIF-Format

Beispiel

• Animation.gif — GIF mit einfacher Transparenz

SVG-Syntax

Format

• .svg - Vektorformat

Qualitäts- und Größenparameter: Nicht zutreffend

Beispiel

• Shape.svg - skalierbare Vektorgrafik

Größen- und Skalierungsparameter

Größenpräfixe stehen vor dem Asset-Namen, getrennt durch ein Leerzeichen.Wenn du Abmessungen in Pixel angibst, kannst du die Einheit weglassen.

Relative Skalierung

Syntax:[Prozentsatz]% [Asset-Name]

Beispiele:

• 200% Logo.jpg — auf 200 % skaliert
• 50% Icon.png — auf 50 % skaliert
• 42% Button.gif — auf 42 % skaliert

Absolute Abmessungen

Syntax:[Breite] x [Höhe] [Asset-Name] oder [Breite][Einheit] x [Höhe][Einheit] [Asset-Name]

Unterstützte Einheiten: px, in, cm, mm (Pixel können weggelassen werden)

Beispiele:

• 300 x 200 Hero.jpg - 300 Pixel × 200 Pixel
• 100x100 Thumb.png - 100 Pixel × 100 Pixel (keine Leerzeichen)
• 4in x 3in Photo.jpg - 4 Zoll × 3 Zoll
• 10cm x 5cm Card.png - 10 cm × 5 cm

Gemischte Einheiten

Du kannst in den Angaben für Breite und Höhe verschiedene Einheiten kombinieren.

Beispiele

• 4in x 100 Banner.jpg – 4 Zoll breit, 100 px hoch
• 200mm x 6in Poster.png – 200 mm breit, 6 Zoll hoch
• 10in x 50cm Flyer.jpg – 10 Zoll breit, 50 cm hoch

Platzhalterabmessungen

Verwende ? als Platzhalter, um proportional zu skalieren, während du nur eine Abmessung angibst.

Syntax:

• [Breite]x? [Asset-Name] — Breite angeben, Höhe wird proportional skaliert
• ?x[Höhe] [Asset-Name] — Höhe angeben, Breite wird proportional skaliert

Beispiele:

• 100x? Logo.png — 100 px breit, Höhe wird automatisch berechnet
• ?x60in Banner.jpg — 60 Zoll hoch, Breite wird automatisch berechnet

Mehrere Assets aus einer Ebene

Generiere mehrere Asset-Varianten, indem du Asset-Namen durch Kommas oder Pluszeichen trennst.

Trennzeichen:

• , — Komma
• , — Komma, gefolgt von Leerzeichen
• + — Pluszeichen
• + — Pluszeichen, gefolgt von Leerzeichen

Beispiele:

• Icon.png,Icon.jpg – PNG- und JPEG-Versionen
• 200% Logo.jpg, 100% Logo.jpg – zwei Größen
• Icon.png8 + Icon.png24 + Icon.jpg90% – drei Formatvarianten
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% – zwei skalierte Versionen

Komplexe Beispiele für die Ebenenbenennung

Kombinierte Syntax

Die vollständige Syntax kann Format-, Qualitäts- und Skalierungsparameter kombinieren:

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

Beispiel: 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Dies generiert vier Assets:

• Delicious.jpg – JPEG in Standardqualität, skaliert auf 120 %
• Delicious.png – 24-Bit-PNG, skaliert auf 42 %
• Delicious_2.jpg – JPEG mit 90 % Qualität bei absoluten 100 × 100 px
• Delicious.gif – GIF, skaliert auf 250 %

Unterordnerorganisation

Füge vor dem Asset-Namen einen Unterordnerpfad ein, um die Ausgabe zu organisieren:

Syntax:[subfolder]/[asset-name].[format]

Beispiele:

• icons/Logo.png – gespeichert im Unterordner icons
• @2x/Hero.jpg – gespeichert im Unterordner @2x
• thumbnails/50% Photo.png – skaliert auf 50 % im Unterordner thumbnails

Gültigkeitsprüfung der absoluten Skalierung

Gültige Syntax für absolute Skalierung

Ungültige Syntax für absolute Skalierung

Einschränkungen für Ebenennamen

Nicht unterstützte Zeichen:: (Doppelpunkt) und * (Sternchen) dürfen nicht in Ebenennamen für die Asset-Generierung verwendet werden.

Ignorierte Zeichenfolgen: Jede Zeichenfolge ohne Dateierweiterung wird in Ebenennamen mit mehreren Assets ignoriert. Zum Beispiel wird in 100% Delicious, 42% Layer 1.png die Zeichenfolge 100% Delicious ignoriert, da ihr eine Dateierweiterung fehlt.