Naamgevingssyntaxis voor de asset-generator voor afbeeldingen

De syntaxis voor laagnamen regelt de uitvoerindeling, kwaliteit, afmetingen en schaling voor assets die automatisch worden gegenereerd vanuit je PSD-lagen en laaggroepen. Door deze syntaxisregels te begrijpen, kun je meerdere asset-variaties maken vanuit één laag door alle parameters direct in de laagnaam te coderen.

Indelingsspecifieke kwaliteitsparameters

JPEG-syntaxis

Kwaliteitssuffix

• .jpg1 tot en met .jpg10 (schaal van 1 tot 10)
• .jpg1% tot en met .jpg100% (percentageschaal)

Standaard: 90% kwaliteit wanneer er geen suffix is opgegeven

Voorbeelden

• Logo.jpg5 — JPEG op kwaliteitsniveau 5
• Hero.jpg80% — JPEG op 80% kwaliteit
• Banner.jpg — JPEG op standaard 90% kwaliteit

PNG-syntaxis

Bitdiepte-suffix

• .png8 - 8-bit PNG
• .png24 - 24-bit PNG
• .png32 - 32-bit PNG

Standaard: 32-bit wanneer er geen suffix is opgegeven

Voorbeelden

• Icon.png8 - 8-bit PNG met 256 kleuren
• Photo.png24 - 24-bit PNG zonder transparantie
• Button.png32 - 32-bit PNG met volledig alfakanaal
• Logo.png - 32-bit PNG (standaard)

GIF-syntaxis

Indeling

• .gif - eenvoudige alpha-transparantie

Kwaliteitsparameter: Niet beschikbaar voor GIF-indeling

Voorbeeld

• Animation.gif — GIF met eenvoudige transparantie

SVG-syntaxis

Indeling

• .svg - vectorindeling

Kwaliteits- en formaatparameters: Niet van toepassing

Voorbeeld

• Shape.svg - schaalbare vectorafbeelding

Formaat- en schaalparameters

Formaatvoorvoegsels staan vóór de naam van de asset, gescheiden door een spatie. Als je afmetingen in pixels opgeeft, kun je de eenheid weglaten.

Relatieve schaling

Syntaxis:[percentage]% [asset-name]

Voorbeelden:

• 200% Logo.jpg — geschaald naar 200%
• 50% Icon.png — geschaald naar 50%
• 42% Button.gif — geschaald naar 42%

Absolute afmetingen

Syntaxis:[breedte] x [hoogte] [asset-naam] of [breedte][eenheid] x [hoogte][eenheid] [asset-naam]

Ondersteunde eenheden: px, in, cm, mm (pixels kunnen worden weggelaten)

Voorbeelden:

• 300 x 200 Hero.jpg - 300px × 200px
• 100x100 Thumb.png - 100px × 100px (geen spaties)
• 4in x 3in Photo.jpg - 4 inch × 3 inch
• 10cm x 5cm Card.png - 10cm × 5cm

Gemengde eenheden

Je kunt verschillende eenheden combineren in de specificaties voor breedte en hoogte.

Voorbeelden

• 4in x 100 Banner.jpg - 4 inch breed, 100px hoog
• 200mm x 6in Poster.png - 200mm breed, 6 inch hoog
• 10in x 50cm Flyer.jpg - 10 inch breed, 50cm hoog

Jokertekens voor afmetingen

Gebruik ? als jokerteken om proportioneel te schalen terwijl je maar één afmeting opgeeft.

Syntaxis:

• [breedte]x? [asset-naam] — specificeer de breedte, de hoogte wordt proportioneel geschaald
• ?x[hoogte] [asset-naam] — specificeer de hoogte, de breedte wordt proportioneel geschaald

Voorbeelden:

• 100x? Logo.png — 100px breed, hoogte automatisch berekend
• ?x60in Banner.jpg — 60 inch hoog, breedte automatisch berekend

Meerdere assets van één laag

Genereer meerdere assetvariaties door assetnamen te scheiden met komma's of plustekens.

Scheidingstekens:

• , — komma
• , — komma gevolgd door spatie(s)
• + — plusteken
• + — plusteken gevolgd door spatie(s)

Voorbeelden:

• Icon.png,Icon.jpg - PNG- en JPEG-versies
• 200% Logo.jpg, 100% Logo.jpg - twee formaten
• Icon.png8 + Icon.png24 + Icon.jpg90% - drie formaatvariaties
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% - twee geschaalde versies

Voorbeelden van complexe laagnamen

Gecombineerde syntaxis

De volledige syntaxis kan parameters voor formaat, kwaliteit en schaal combineren:

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

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

Dit genereert vier assets:

• Delicious.jpg - JPEG op standaardkwaliteit, geschaald naar 120%
• Delicious.png - 24-bit PNG geschaald naar 42%
• Delicious_2.jpg - JPEG met 90% kwaliteit op absolute 100×100px
• Delicious.gif - GIF geschaald naar 250%

Organisatie van submappen

Voeg een submappad toe voor de assetnaam om de uitvoer te organiseren:

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

Voorbeelden:

• icons/Logo.png - opgeslagen in de submap icons
• @2x/Hero.jpg - opgeslagen in de submap @2x
• thumbnails/50% Photo.png - geschaald naar 50% in de submap thumbnails

Validatie van absolute schaling

Geldige syntaxis voor absolute schaling

Ongeldige syntaxis voor absolute schaling

Beperkingen voor laagnamen

Niet-ondersteunde tekens: : (dubbele punt) en * (asterisk) kunnen niet worden gebruikt in Laagnamen voor het genereren van assets.

Genegeerde tekenreeksen: Elke tekenreeks zonder bestandsextensie wordt genegeerd in laagnamen voor meerdere assets.Bijvoorbeeld, in 100% Delicious, 42% Layer 1.png wordt de tekenreeks 100% Delicious genegeerd omdat deze geen bestandsextensie heeft.