Képeszköz-generátor elnevezési szintaxisa

A réteg-elnevezési szintaxis szabályozza a PSD-rétegekből és rétegcsoportokból automatikusan létrehozott eszközök kimeneti formátumát, minőségét, méreteit és méretezését.Ha ismeri ezeket a szintaxisszabályokat, egyetlen rétegből több eszközváltozatot is létrehozhat úgy, hogy az összes paramétert közvetlenül a réteg nevében kódolja.

Formátumspecifikus minőségi paraméterek

JPEG szintaxis

Minőségi utótag

• .jpg1 és .jpg10 között (1–10 skála)
• .jpg1% és .jpg100% között (százalékos skála)

Alapértelmezett: 90%-os minőség, ha nincs megadva utótag

Példák

• Logo.jpg5 — JPEG, 5. minőségi szinten
• Hero.jpg80% — JPEG, 80%-os minőségben
• Banner.jpg — JPEG, alapértelmezett 90%-os minőségben

PNG szintaxis

Bitmélység utótag

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

Alapértelmezett: 32 bit, ha nincs megadva utótag

Példák

• Icon.png8 - 8 bites PNG 256 színnel
• Photo.png24 - 24 bites PNG átlátszóság nélkül
• Button.png32 - 32 bites PNG teljes alfa-csatornával
• Logo.png - 32 bites PNG (alapértelmezett)

GIF szintaxis

Formátum

• .gif – alapvető alfa-átlátszóság

Minőség paraméter: Nem elérhető GIF formátumhoz

Példa

• Animation.gif – GIF alapvető átlátszósággal

SVG szintaxis

Formátum

• .svg – vektorformátum

Minőségi és méretparaméterek: Nem alkalmazható

Példa

• Shape.svg – méretezhető vektorgrafika

Méret- és méretezési paraméterek

A méretelőtagok az eszköz neve előtt jelennek meg, szóközzel elválasztva.Ha a méreteket pixelben adja meg, a mértékegységet elhagyhatja.

Relatív méretezés

Szintaxis:[százalék]% [eszköznév]

Példák:

• 200% Logo.jpg – 200%-ra méretezve
• 50% Icon.png – 50%-ra méretezve
• 42% Button.gif – 42%-ra méretezve

Abszolút méretek

Szintaxis:[szélesség] x [magasság] [eszköznév] vagy [szélesség][mértékegység] x [magasság][mértékegység] [eszköznév]

Támogatott mértékegységek: px, in, cm, mm (a pixel elhagyható)

Példák:

• 300 x 200 Hero.jpg – 300px × 200px
• 100x100 Thumb.png – 100px × 100px (szóközök nélkül)
• 4in x 3in Photo.jpg – 4 hüvelyk × 3 hüvelyk
• 10cm x 5cm Card.png – 10cm × 5cm

Vegyes mértékegységek

A szélesség és magasság megadásakor eltérő mértékegységeket is kombinálhat.

Példák

• 4in x 100 Banner.jpg - 4 hüvelyk széles, 100 px magas
• 200mm x 6in Poster.png - 200 mm széles, 6 hüvelyk magas
• 10in x 50cm Flyer.jpg - 10 hüvelyk széles, 50 cm magas

Helyettesítő karakteres méretek

Használja a ?-t helyettesítő karakterként az arányos méretezéshez, ha csak az egyik méretet adja meg.

Szintaxis:

• [szélesség]x? [eszköznév] — adja meg a szélességet, a magasság arányosan változik
• ?x[magasság] [eszköznév] — a magasság megadása, a szélesség arányosan változik

Példák:

• 100x? Logo.png — 100 px széles, a magasság automatikusan kiszámított
• ?x60in Banner.jpg — 60 hüvelyk magas, a szélesség automatikusan kiszámított

Több elem egy rétegből

Hozzon létre több eszközváltozatot az eszköznevek vesszővel vagy pluszjellel történő elválasztásával.

Elválasztók:

• , — vessző
• , — vessző, utána szóköz(ök)
• + — pluszjel
• + — pluszjel, utána szóköz(ök)

Példák:

• Icon.png,Icon.jpg - PNG és JPEG verziók
• 200% Logo.jpg, 100% Logo.jpg - két méret
• Icon.png8 + Icon.png24 + Icon.jpg90% - három formátumváltozat
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% - két méretezett verzió

Összetett rétegelnevezési példák

Kombinált szintaxis

A teljes szintaxis kombinálhatja a formátum-, minőség- és méretezési paramétereket:

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

Példa: 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Ez négy eszközt hoz létre:

• Delicious.jpg - JPEG alapértelmezett minőségben, 120%-ra méretezve
• Delicious.png - 24 bites PNG, 42%-ra méretezve
• Delicious_2.jpg - 90%-os minőségű JPEG, abszolút 100×100 px méretben
• Delicious.gif - GIF, 250%-ra méretezve

Almappák rendszerezése

A kimenet rendszerezéséhez adjon meg egy almappa elérési utat az eszköznév előtt:

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

Példák:

• icons/Logo.png - az icons almappában mentve
• @2x/Hero.jpg - a @2x almappában mentve
• thumbnails/50% Photo.png - 50%-ra méretezve a thumbnails almappában

Abszolút méretezés ellenőrzése

Érvényes abszolút méretezési szintaxis

Érvénytelen abszolút méretezési szintaxis

Rétegnevekre vonatkozó korlátozások

Nem támogatott karakterek:: (kettőspont) és * (csillag) nem használhatók a rétegnevekben az eszközök generálásához.

Figyelmen kívül hagyott karakterláncok: A fájlkiterjesztés nélküli karakterláncok figyelmen kívül maradnak a több eszközt tartalmazó rétegnevekben. Például a 100% Delicious, 42% Layer 1.png esetén a 100% Delicious karakterlánc figyelmen kívül marad, mivel nincs fájlkiterjesztése.