Cú pháp đặt tên công cụ tạo tài sản hình ảnh

Cú pháp đặt tên lớp điều khiển định dạng đầu ra, chất lượng, kích thước và tỷ lệ cho các tài nguyên được tạo tự động từ các lớp và nhóm lớp PSD của bạn.Khi hiểu các quy tắc cú pháp này, bạn có thể tạo nhiều biến thể tài sản từ một Lớp duy nhất bằng cách mã hóa tất cả các thông số trực tiếp trong tên Lớp.

Các thông số chất lượng theo từng định dạng

Cú pháp JPEG

Hậu tố chất lượng

• .jpg1 đến .jpg10 (thang điểm 1–10)
• .jpg1% đến .jpg100% (thang phần trăm)

Mặc định: chất lượng 90% khi không chỉ định hậu tố

Ví dụ

• Logo.jpg5 – JPEG ở Cấp độ chất lượng 5
• Hero.jpg80% – JPEG ở chất lượng 80%
• Banner.jpg – JPEG ở chất lượng mặc định 90%

Cú pháp PNG

Hậu tố độ sâu bit

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

Mặc định: 32-bit khi không chỉ định hậu tố

Ví dụ

• Icon.png8 - PNG 8-bit với 256 màu
• Photo.png24 - PNG 24-bit không có độ trong suốt
• Button.png32 - PNG 32-bit với kênh alpha đầy đủ
• Logo.png - PNG 32-bit (mặc định)

Cú pháp GIF

Định dạng

• .gif - trong suốt alpha cơ bản

Tham số chất lượng: Không khả dụng cho định dạng GIF

Ví dụ

• Animation.gif — GIF với độ trong suốt cơ bản

Cú pháp SVG

Định dạng

• .svg - định dạng véc-tơ

Tham số chất lượng và kích thước: Không áp dụng

Ví dụ

• Shape.svg - đồ họa véc-tơ có thể thay đổi tỷ lệ

Tham số kích thước và tỷ lệ

Tiền tố kích thước xuất hiện trước tên tài sản, được phân tách bằng dấu cách. Nếu chỉ định kích thước theo pixel, bạn có thể bỏ qua đơn vị.

Tỷ lệ tương đối

Cú pháp:[percentage]% [asset-name]

Ví dụ:

• 200% Logo.jpg — tỷ lệ 200%
• 50% Icon.png — tỷ lệ 50%
• 42% Button.gif — tỷ lệ 42%

Kích thước tuyệt đối

Cú pháp:[chiều rộng] x [chiều cao] [asset-name] hoặc [chiều rộng][đơn vị] x [chiều cao][đơn vị] [asset-name]

Đơn vị được hỗ trợ: px, in, cm, mm (có thể bỏ qua pixel)

Ví dụ:

• 300 x 200 Hero.jpg - 300px × 200px
• 100x100 Thumb.png - 100px × 100px (không có dấu cách)
• 4in x 3in Photo.jpg - 4 inch × 3 inch
• 10cm x 5cm Card.png - 10cm × 5cm

Đơn vị kết hợp

Bạn có thể kết hợp các đơn vị khác nhau trong thông số chiều rộng và chiều cao.

Ví dụ

• 4in x 100 Banner.jpg - rộng 4 inch, cao 100px
• 200mm x 6in Poster.png - rộng 200mm, cao 6 inch
• 10in x 50cm Flyer.jpg - rộng 10 inch, cao 50cm

Kích thước ký tự đại diện

Sử dụng ? làm ký tự đại diện để chia tỷ lệ theo đúng tỷ lệ khi chỉ định một kích thước duy nhất.

Cú pháp:

• [width]x? [asset-name] – chỉ định chiều rộng, chiều cao sẽ chia tỷ lệ theo đúng tỷ lệ
• ?x[height] [asset-name] – chỉ định chiều cao, chiều rộng sẽ chia tỷ lệ theo đúng tỷ lệ

Ví dụ:

• 100x? Logo.png – rộng 100px, chiều cao tự động tính toán
• ?x60in Banner.jpg – cao 60 inch, chiều rộng tự động tính toán

Nhiều tài sản từ một Lớp

Tạo nhiều biến thể tài sản bằng cách phân tách tên tài sản bằng dấu phẩy hoặc dấu cộng.

Dấu phân tách:

• , – dấu phẩy
• , – dấu phẩy theo sau bởi (các) khoảng trắng
• + – dấu cộng
• + – dấu cộng theo sau là (các) dấu cách

Ví dụ:

• Icon.png,Icon.jpg - phiên bản PNG và JPEG
• 200% Logo.jpg, 100% Logo.jpg - hai kích thước
• Icon.png8 + Icon.png24 + Icon.jpg90% - ba biến thể định dạng
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% - hai phiên bản đã chia tỷ lệ

Ví dụ về cách đặt tên lớp phức tạp

Cú pháp kết hợp

Cú pháp đầy đủ có thể kết hợp các thông số định dạng, chất lượng và chia tỷ lệ:

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

Ví dụ: 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Thao tác này sẽ tạo ra bốn tài sản:

• Delicious.jpg - JPEG ở chất lượng mặc định, chia tỷ lệ 120%
• Delicious.png - PNG 24-bit chia tỷ lệ 42%
• Delicious_2.jpg - JPEG chất lượng 90% ở kích thước tuyệt đối 100×100px
• Delicious.gif - GIF chia tỷ lệ 250%

Tổ chức thư mục con

Thêm đường dẫn thư mục con trước tên tài sản để tổ chức đầu ra:

Cú pháp:[subfolder]/[asset-name].[format]

Ví dụ:

• icons/Logo.png - lưu trong thư mục con icons
• @2x/Hero.jpg - lưu trong thư mục con @2x
• thumbnails/50% Photo.png - chia tỷ lệ 50% trong thư mục con thumbnails

Xác thực chia tỷ lệ tuyệt đối

Cú pháp chia tỷ lệ tuyệt đối hợp lệ

Cú pháp chia tỷ lệ tuyệt đối không hợp lệ

Giới hạn tên lớp

Các ký tự không được hỗ trợ: : (dấu hai chấm) và * (dấu hoa thị) không thể dùng trong tên lớp khi tạo tài sản.

Chuỗi bị bỏ qua: Mọi chuỗi không có phần mở rộng tệp sẽ bị bỏ qua trong tên lớp đa tài sản.Ví dụ: trong 100% Delicious, 42% Layer 1.png, chuỗi 100% Delicious bị bỏ qua vì không có phần mở rộng tập tin.