Składnia nazewnictwa generatora zasobów obrazów

Składnia nazewnictwa warstw określa format wyjściowy, jakość, wymiary i skalowanie zasobów automatycznie generowanych z warstw i grup warstw plików PSD. Zrozumienie tych zasad składni pozwala utworzyć wiele wariantów zasobu z jednej warstwy, kodując wszystkie parametry bezpośrednio w nazwie warstwy.

Parametry jakości specyficzne dla formatu

Składnia JPEG

Sufiks jakości

• .jpg1 do .jpg10 (skala 1–10)
• .jpg1% do .jpg100% (skala procentowa)

Domyślnie: jakość 90%, gdy nie podano sufiksu

Przykłady

• Logo.jpg5 — JPEG na poziomie jakości 5
• Hero.jpg80% — JPEG z jakością 80%
• Banner.jpg — JPEG z domyślną jakością 90%

Składnia PNG

Sufiks głębi bitowej

• .png8 — 8-bitowy PNG
• .png24 — 24-bitowy PNG
• .png32 — 32-bitowy PNG

Domyślnie: 32-bitowy, gdy nie podano sufiksu

Przykłady

• Icon.png8 — 8-bitowy PNG z 256 kolorami
• Photo.png24 — 24-bitowy PNG bez przezroczystości
• Button.png32 — 32-bitowy PNG z pełnym kanałem Alpha
• Logo.png — 32-bitowy PNG (domyślnie)

Składnia GIF

Format

• .gif — podstawowa przezroczystość Alpha

Parametr jakości: Niedostępny w formacie GIF

Przykład

• Animation.gif — GIF z podstawową przezroczystością

Składnia SVG

Format

• .svg — format wektorowy

Parametry jakości i rozmiaru: Nie dotyczy

Przykład

• Shape.svg — skalowalna grafika wektorowa

Parametry rozmiaru i skalowania

Przedrostki rozmiaru umieszczane są przed nazwą zasobu, oddzielone spacją. W przypadku określania wymiarów w pikselach można pominąć jednostkę.

Skalowanie względne

Składnia:[procent]% [nazwa-zasobu]

Próbki:

• 200% Logo.jpg — skalowanie do 200%
• 50% Icon.png — skalowanie do 50%
• 42% Button.gif — skalowanie do 42%

Wymiary absolutne

Składnia:[szerokość] x [wysokość] [nazwa-zasobu] lub [szerokość][jednostka] x [wysokość][jednostka] [nazwa-zasobu]

Obsługiwane jednostki: px, in, cm, mm (piksele można pominąć)

Próbki:

• 300 x 200 Hero.jpg — 300 px × 200 px
• 100x100 Thumb.png — 100 px × 100 px (bez spacji)
• 4in x 3in Photo.jpg — 10,16 cm × 7,62 cm
• 10cm x 5cm Card.png — 10 cm × 5 cm

Jednostki mieszane

Można łączyć różne jednostki w specyfikacjach szerokości i wysokości.

Przykłady

• 4in x 100 Banner.jpg — 4 cale szerokości, 100 px wysokości
• 200mm x 6in Poster.png — 200 mm szerokości, 6 cali wysokości
• 10in x 50cm Flyer.jpg — 10 cali szerokości, 50 cm wysokości

Wymiary z symbolem wieloznacznym

Użyj ? jako symbolu wieloznacznego, aby skalować proporcjonalnie, podając tylko jeden wymiar.

Składnia:

• [szerokość]x? [nazwa-zasobu] — podaj szerokość, wysokość skaluje się proporcjonalnie
• ?x[wysokość] [nazwa-zasobu] — podaj wysokość, szerokość skaluje się proporcjonalnie

Próbki:

• 100x? Logo.png — 100 px szerokości, wysokość obliczana automatycznie
• ?x60in Banner.jpg — wysokość 60 cali (ok. 152 cm), szerokość obliczana automatycznie

Wiele zasobów z jednej warstwy

Generuj wiele wariantów zasobów, rozdzielając ich nazwy przecinkami lub znakami plus.

Separatory:

• , — przecinek
• , — przecinek, po którym następuje spacja (lub spacje)
• + — znak plus
• + — znak plus, po którym następuje spacja (lub spacje)

Próbki:

• Icon.png,Icon.jpg — wersje PNG i JPEG
• 200% Logo.jpg, 100% Logo.jpg — dwa rozmiary
• Icon.png8 + Icon.png24 + Icon.jpg90% — trzy warianty formatów
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% — dwie przeskalowane wersje

Przykłady złożonego nazewnictwa warstw

Składnia łączona

Pełna składnia może łączyć parametry formatu, jakości i skalowania:

[rozmiar] [nazwa-zasobu].[format][jakość], [rozmiar] [nazwa-zasobu].[format][jakość]

Przykład: 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Spowoduje to wygenerowanie czterech zasobów:

• Delicious.jpg — plik JPEG w domyślnej jakości, przeskalowany o 120%
• Delicious.png — 24-bitowy plik PNG przeskalowany o 42%
• Delicious_2.jpg — plik JPEG w jakości 90% o dokładnym rozmiarze 100×100px
• Delicious.gif — plik GIF przeskalowany o 250%

Organizacja podfolderów

Aby zorganizować dane wyjściowe, dodaj ścieżkę podfolderu przed nazwą zasobu:

Składnia:[subfolder]/[asset-name].[format]

Próbki:

• icons/Logo.png — zapisany w podfolderze icons
• @2x/Hero.jpg — zapisywany w podfolderze @2x
• thumbnails/50% Photo.png — przeskalowany o 50% w podfolderze thumbnails

Walidacja skalowania absolutnego

Prawidłowa składnia skalowania absolutnego

Nieprawidłowa składnia skalowania bezwzględnego

Ograniczenia nazw warstw

Niedozwolone znaki:: (dwukropek) i * (gwiazdka) nie mogą być używane w nazwach warstw do generowania zasobów.

Ignorowane ciągi: Każdy ciąg bez rozszerzenia pliku jest ignorowany w nazwach warstw wielu zasobów. Na przykład w 100% Delicious, 42% Layer 1.png, ciąg 100% Delicious jest ignorowany, ponieważ nie ma rozszerzenia pliku.