ไวยากรณ์การตั้งชื่อสำหรับตัวสร้างแอสเซทรูปภาพ

ไวยากรณ์การตั้งชื่อเลเยอร์ใช้ควบคุมรูปแบบเอาต์พุต คุณภาพ ขนาด และการปรับสเกลสำหรับแอสเซทที่สร้างขึ้นโดยอัตโนมัติจากเลเยอร์และกลุ่มเลเยอร์ของไฟล์ PSD การทำความเข้าใจกฎไวยากรณ์เหล่านี้จะช่วยให้สร้างแอสเซทได้หลายรูปแบบจากเลเยอร์เดียว โดยการเข้ารหัสพารามิเตอร์ทั้งหมดไว้ในชื่อเลเยอร์โดยตรง

พารามิเตอร์คุณภาพเฉพาะรูปแบบ

ไวยากรณ์ JPEG

ส่วนต่อท้ายคุณภาพ

• .jpg1 ถึง .jpg10 (ระดับ 1–10)
• .jpg1% ถึง .jpg100% (ระดับเปอร์เซ็นต์)

ค่าเริ่มต้น: คุณภาพ 90% เมื่อไม่ได้ระบุส่วนต่อท้าย

ตัวอย่าง

• Logo.jpg5 — JPEG ที่ระดับคุณภาพ 5
• Hero.jpg80% — JPEG ที่คุณภาพ 80%
• Banner.jpg — JPEG ที่คุณภาพเริ่มต้น 90%

ไวยากรณ์ PNG

ส่วนต่อท้ายความลึกของบิต

• .png8 - PNG 8 บิต
• .png24 - PNG 24 บิต
• .png32 - PNG 32 บิต

ค่าเริ่มต้น: 32 บิต เมื่อไม่ได้ระบุส่วนต่อท้าย

ตัวอย่าง

• Icon.png8 - PNG 8 บิต ที่มี 256 สี
• Photo.png24 - PNG 24 บิต ที่ไม่มีความโปร่งใส
• Button.png32 - PNG แบบ 32 บิตพร้อมช่องสัญญาณ Alpha แบบเต็ม
• Logo.png - PNG แบบ 32 บิต (ค่าเริ่มต้น)

ไวยากรณ์ GIF

รูปแบบ

• .gif - ความโปร่งใสแบบ Alpha พื้นฐาน

พารามิเตอร์คุณภาพ: ไม่สามารถใช้ได้กับรูปแบบ GIF

ตัวอย่าง

• Animation.gif — GIF ที่มีความโปร่งใสพื้นฐาน

ไวยากรณ์ SVG

รูปแบบ

• .svg - รูปแบบเวกเตอร์

พารามิเตอร์คุณภาพและขนาด: ไม่สามารถใช้ได้

ตัวอย่าง

• Shape.svg - กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้

พารามิเตอร์ขนาดและการปรับขนาด

คำนำหน้าขนาดจะอยู่ก่อนชื่อแอสเซท โดยคั่นด้วยเว้นวรรคหากระบุขนาดเป็นพิกเซล ไม่จำเป็นต้องระบุหน่วย

การปรับสเกลแบบสัมพัทธ์

ไวยากรณ์:[percentage]% [asset-name]

ตัวอย่าง:

• 200% Logo.jpg — ปรับสเกลเป็น 200%
• 50% Icon.png — ปรับสเกลเป็น 50%
• 42% Button.gif — ปรับสเกลเป็น 42%

ขนาดที่แน่นอน

ไวยากรณ์:[width] x [height] [asset-name] หรือ [width][unit] x [height][unit] [asset-name]

หน่วยที่สนับสนุน: 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 นิ้ว สูง 100px
• 200mm x 6in Poster.png - ความกว้าง 200 มม. สูง 6 นิ้ว
• 10in x 50cm Flyer.jpg - ความกว้าง 10 นิ้ว สูง 50 ซม.

ขนาดไวลด์การ์ด

ใช้ ? เป็นไวลด์การ์ดเพื่อปรับขนาดตามสัดส่วนในขณะที่ระบุเพียงขนาดเดียว

ไวยากรณ์:

• [width]x? [asset-name] — ระบุความกว้าง ความสูงจะปรับตามสัดส่วน
• ?x[height] [asset-name] — ระบุความสูง ความกว้างจะปรับตามสัดส่วน

ตัวอย่าง:

• 100x? Logo.png — ความกว้าง 100px คำนวณความสูงให้โดยอัตโนมัติ
• ?x60in Banner.jpg — สูง 60 นิ้ว คำนวณความกว้างให้โดยอัตโนมัติ

แอสเซทหลายรายการจากเลเยอร์เดียว

สร้างรูปแบบแอสเซทหลายรูปแบบโดยแยกชื่อแอสเซทด้วยเครื่องหมายจุลภาคหรือเครื่องหมายบวก

ตัวแยก:

• , — จุลภาค
• , — จุลภาคตามด้วยช่องว่างหนึ่งช่องหรือมากกว่า
• + — เครื่องหมายบวก
• + — เครื่องหมายบวกตามด้วยช่องว่างหนึ่งช่องหรือมากกว่า

ตัวอย่าง:

• Icon.png,Icon.jpg - เวอร์ชัน PNG และ JPEG
• 200% Logo.jpg, 100% Logo.jpg - สองขนาด
• Icon.png8 + Icon.png24 + Icon.jpg90% - รูปแบบไฟล์ 3 แบบ
• 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 - PNG 24 บิต ปรับขนาด 42%
• Delicious_2.jpg - JPEG คุณภาพ 90% ที่ขนาดสัมบูรณ์ 100×100px
• 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 จะถูกละเว้นเนื่องจากไม่มีนามสกุลไฟล์