การสร้าง CSS Sprite จาก Photoshop

ฉันมี PSD ที่มีการออกแบบเว็บ
ทุกครั้งที่ฉันปรับแต่งการออกแบบฉันต้องคัดลอกส่วนต่าง ๆ ของภาพด้วยตนเองด้วยความสามารถในการมองเห็นเลเยอร์ที่แตกต่างกัน (เพื่อความโปร่งใส) ลงใน CSS Sprite

สามารถอัตโนมัติได้เท่าไหร่?

ฉันใช้สคริปต์โฟโต้ช็อปอัตโนมัติหนึ่งครั้งและทำงานได้ดี

แนวคิดคือ:

• แต่ละส่วนเป็นภาพที่แตกต่าง
• แต่ละส่วน (และแต่ละภาพ) จะต้องอยู่ในโฟลเดอร์เดียวกันโดยไม่มีภาพอื่น ๆ
• เรียกใช้สคริปต์เพื่อระบุโฟลเดอร์และพารามิเตอร์บางตัว (ขนาด, ชื่อ css, ฯลฯ ... )

• สคริปต์ทำ:

  1. รวมภาพทั้งหมดเป็นภาพเดียวกับขนาดที่คุณระบุ
  2. สร้างไฟล์ CSS

ในกรณีของคุณหากคุณแก้ไขภาพหนึ่งภาพคุณจะสร้างรูปภาพทั่วโลกและ CSS ผ่านสคริปต์และ ... บางทีคุณอาจต้องคัดลอก / วาง CSS ในของคุณหากคุณไม่ต้องการใช้ CSS ที่สร้างขึ้น

หมายเหตุ:

ฉันลองกับไฟล์ไม่กี่ไฟล์และใช้งานได้ดี จากนั้นฉันลองเช่น ~ 600 ภาพจากนั้นคุณจะต้องใช้ซีพียูและความอดทนของ goooood;) ในกรณีนี้อย่าใช้มัน

จะไม่ใช้การแบ่งเป็นส่วน ๆ + เริ่มต้นการกระทำที่ทำให้ผู้คนเลือกปะรำ (พร้อมสแน็ปเป็นชิ้น & ขอบเขตเอกสาร) ชิ้นของคุณทีละคน แต่การปลูกพืชเพื่อเลือกในแต่ละครั้งและบันทึกเป็น png, ctrl alt z z เลือกแต่ละส่วนครอบตัด .. ฯลฯ จนเสร็จกับทุกภาคส่วนแล้วหยุดการกระทำ ตรงกลางคุณสามารถซ่อน / แสดงเลเยอร์ใด ๆ ได้เหมือนไฟล์เดิมเสมอดังนั้นไม่ควรขัดแย้ง ... ดังนั้นคุณจะโหลดแอคชั่นเหนือ psd ที่คุณเปลี่ยนทุกครั้ง สิ่งเดียวที่ฉันคิดได้ก็คือคุณจำเป็นต้องเปลี่ยนเส้นแบ่งเป็นชิ้น ๆ หรือว่า ... ฉันไม่เข้าใจคุณถูกต้อง ...

แก้ไข: หากไม่จำเป็นต้องแบ่งส่วนแล้วแมโคร (แอ็คชัน) ที่รวมเฉพาะการซ่อนหรือแสดงเลเยอร์ตามลำดับที่คุณต้องการหลังจากปรับแต่งเสร็จแล้ว อย่างที่ฉันพูดฉันอาจจะไม่เข้าใจ ...