Синтаксис имен для генератора ресурсов изображений

Синтаксис имен слоев определяет формат выходных файлов, качество, размеры и масштабирование ресурсов, которые автоматически создаются из слоев и групп слоев PSD.Зная эти правила синтаксиса, вы можете создавать несколько вариантов ресурса из одного слоя, указывая все параметры непосредственно в его имени.

Параметры качества для конкретных форматов

Синтаксис JPEG

Суффикс качества

• От .jpg1 до .jpg10 (шкала от 1 до 10)
• От .jpg1% до .jpg100% (процентная шкала)

По умолчанию: качество 90%, если суффикс не указан

Примеры

• Logo.jpg5 — JPEG с уровнем качества 5
• Hero.jpg80% — JPEG с качеством 80%
• Banner.jpg — JPEG с качеством по умолчанию 90%

Синтаксис PNG

Суффикс битовой глубины

• .png8 — 8-битный PNG
• .png24 — 24-битный PNG
• .png32 — 32-битный PNG

По умолчанию: 32 бита, если суффикс не указан

Примеры

• Icon.png8 — 8-битный PNG с 256 цветами
• Photo.png24 — 24-битный PNG без прозрачности
• Button.png32 — 32-битный PNG с полным альфа-каналом
• Logo.png — 32-битный PNG (по умолчанию)

Синтаксис GIF

Формат

• .gif — базовая альфа-прозрачность

Параметр качества: недоступен для формата GIF

Пример

• Animation.gif — GIF с базовой прозрачностью

Синтаксис SVG

Формат

• .svg — векторный формат

Параметры качества и размера: не применяются

Пример

• Shape.svg — масштабируемая векторная графика

Параметры размера и масштабирования

Префиксы размера указываются перед именем ресурса и отделяются пробелом. При указании размеров в пикселях единицу измерения можно не указывать.

Относительное масштабирование

Синтаксис:[процент]% [имя-ресурса]

Примеры:

• 200% Logo.jpg — масштабирование до 200%
• 50% Icon.png — масштабирование до 50%
• 42% Button.gif — масштабирование до 42%

Абсолютные размеры

Синтаксис:[ширина] x [высота] [имя-ресурса] или [ширина][единица] x [высота][единица] [имя-ресурса]

Поддерживаемые единицы измерения: px, in, cm, mm (пиксели можно не указывать)

Примеры:

• 300 x 200 Hero.jpg — 300px × 200px
• 100x100 Thumb.png — 100px × 100px (без пробелов)
• 4in x 3in Photo.jpg — 4 дюйма × 3 дюйма
• 10cm x 5cm Card.png — 10 см × 5 см

Смешанные единицы измерения

Можно комбинировать разные единицы измерения при указании ширины и высоты.

Примеры

• 4in x 100 Banner.jpg — ширина 4 дюйма, высота 100 пикс.
• 200mm x 6in Poster.png — ширина 200 мм, высота 6 дюймов
• 10in x 50cm Flyer.jpg — ширина 10 дюймов, высота 50 см

Размеры с подстановочным знаком

Используйте ? в качестве подстановочного знака для пропорционального масштабирования, указав только один размер.

Синтаксис:

• [ширина]x? [имя-ресурса] — укажите ширину, высота масштабируется пропорционально
• ?x[высота] [имя-ресурса] — укажите высоту, ширина масштабируется пропорционально

Примеры:

• 100x? Logo.png — ширина 100 пикс., высота рассчитывается автоматически
• ?x60in Banner.jpg — высота 60 дюймов, ширина рассчитывается автоматически

Несколько ресурсов из одного слоя

Создайте несколько вариантов ресурсов, разделив их имена запятыми или знаками плюс.

Разделители:

• , — запятая
• , — запятая с пробелом (пробелами) после
• + — знак плюс
• + — знак плюс с пробелом (пробелами) после

Примеры:

• Icon.png,Icon.jpg — версии PNG и JPEG
• 200% Logo.jpg, 100% Logo.jpg — два размера
• Icon.png8 + Icon.png24 + Icon.jpg90% — три варианта формата
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% — два масштабированных варианта

Примеры сложных имен слоев

Комбинированный синтаксис

Полный синтаксис может сочетать параметры формата, качества и масштабирования:

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

Пример: 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

В результате создаются четыре ресурса:

• Delicious.jpg — JPEG с качеством по умолчанию, масштаб 120%
• Delicious.png — 24-битный PNG с масштабом 42%
• Delicious_2.jpg — JPEG с качеством 90% и абсолютным размером 100×100 пикселей
• Delicious.gif — GIF с масштабом 250%

Организация вложенных папок

Чтобы упорядочить выходные файлы, укажите путь к вложенной папке перед именем ресурса:

Синтаксис:[subfolder]/[asset-name].[format]

Примеры:

• icons/Logo.png — сохраняется во вложенной папке icons
• @2x/Hero.jpg — сохраняется во вложенной папке @2x
• thumbnails/50% Photo.png — масштаб 50%, сохраняется во вложенной папке thumbnails

Проверка абсолютного масштабирования

Допустимый синтаксис абсолютного масштабирования

Недопустимый синтаксис абсолютного масштабирования

Ограничения на имена слоев

Недопустимые символы:: (двоеточие) и * (звездочка) нельзя использовать в именах слоев для создания ресурсов.

Игнорируемые строки: Любая строка без расширения файла игнорируется в именах слоев с несколькими ресурсами. Например, в 100% Delicious, 42% Layer 1.png, строка 100% Delicious игнорируется, так как в ней отсутствует расширение файла.