לפני שנתחיל בחיתוך האתר, נפתח ספרייה חדשה המיועדת לכל הדפים
החתוכים. לספרייה זו נעתיק את כל הקבצים של דפי האתר שעיצבנו.
נקרא לספרייה בשם: Imageready-שם התכנה ששימשה לביצוע תהליך חיתוך הדפים עד גרסת Photoshop Cs2

בתוך ספריית Imageready , נפתח מספר ספריות, כמספר דפי האתר אותו
אנו בונים. בכל ספרייה נמקם את אחד מהקבצים של דפי האתר, כרגע כולם מיוצאים מהפוטושופ בסיומת psd

את הפעולות המפורטות כרגע, נבצע על כל אחד מדפי האתר.
* נפתח את קובץ ה-psd מתוך ספריית Imageready .
* נמקם על המסמך קווי עזר לחיתוך. (Guides )
* בשלב העיצוב דאגנו שכל האלמנטים במסמך יעוצבו ויתאימו לחיתוך בצורת
בצורת טבלה.
* מתוך תפריט Tools נבחר את כלי סכין החיתוך tool  Slice.
* ברגע שבחרנו כלי זה, תופיע בתפריט העליון של הכלי האפשרות:
Slices from guides.
* נלחץ על האפשרות הזו והדף ייחתך עפ"י סימון קווי העזר שמיקמנו.
* בכדי למקם חלקים/לשנות את החלוקה, נבחר באפשרות השנייה של סכין החיתוך:Slice select tool

לסיום, אחרי שסיימנו את שלב החיתוך, נעבור לשלב השמירה.
נבחר בתפריט הראשי... File--- Save for web&devices
בחלון שייפתח, נדאג לבצע אופטימיזציה ואז נלחץ Save
בשורה: Save as type
נבחר באופציה: Html and Images
הספרייה אליה נבצע שמירה תהיה הספרייה שפתחנו לדף מסוים זה בתוך ספריית Imageready .

אחרי ביצוע פעולת השמירה, נראה כי הדף שלנו נשמר בשמו בסיומת Html
ולצידו באותה ספרייה, נשמרה ספרייה בשם: Images , ובתוכה כל תמונות הדף, לפי החיתוכים שיצרנו.

בתוך ספריית Images , נפתח ספרייה בשם Files . אל תוך ספרייה זו נעתיק את כל הקבצים הנספחים השייכים לאתר כגון: תמונות נוספות, סרטוני פלאש,אנימציות, סרטוני וידאו,תמונות Rollover אם קיימות וכו‘...

כאמור, את התהליך הזה, נבצע על כל אחד מדפי האתר.