"荊門手機(jī)網(wǎng)頁切圖" 這個短語似乎有些不準(zhǔn)確，因為 "切圖" 通常指的是將設(shè)計稿轉(zhuǎn)換為網(wǎng)頁可用的圖像文件，而 "荊門" 則是一個地名，可能是指湖北省荊門市。如果您的意思是將設(shè)計稿轉(zhuǎn)換為適合手機(jī)屏幕的網(wǎng)頁圖像，那么這個過程通常稱為 "響應(yīng)式設(shè)計" 或者 "自適應(yīng)設(shè)計"。

響應(yīng)式設(shè)計是一種網(wǎng)頁設(shè)計方法，它使網(wǎng)頁能夠根據(jù)訪問者使用的設(shè)備（如手機(jī)、平板電腦或桌面電腦）自動調(diào)整布局和樣式。這通常涉及到使用CSS媒體查詢來檢測設(shè)備的屏幕尺寸，并相應(yīng)地調(diào)整圖像大小、布局和其他設(shè)計元素。

如果您需要將一個網(wǎng)頁設(shè)計轉(zhuǎn)換為適合手機(jī)屏幕的版本，您可以遵循以下步驟：

1. **確定設(shè)計稿的尺寸**：首先，您需要知道原始設(shè)計稿是針對哪個屏幕尺寸設(shè)計的。如果是針對桌面電腦屏幕，那么您需要考慮如何將其縮放或重排以適應(yīng)手機(jī)屏幕。

2. **創(chuàng)建移動版布局**：根據(jù)手機(jī)屏幕的寬度，您可能需要重新設(shè)計或簡化布局，以適應(yīng)較小的屏幕空間。這可能涉及到移除不必要的元素、重新排列重要內(nèi)容或者使用隱藏導(dǎo)航菜單等技巧。

3. **圖像優(yōu)化**：對于手機(jī)網(wǎng)頁，圖像需要盡可能小，以減少頁面加載時間。您可以使用圖像編輯軟件來調(diào)整圖像大小，并確保它們在不同的設(shè)備上都能正確顯示。

4. **使用媒體查詢**：在CSS中使用媒體查詢，可以根據(jù)不同的設(shè)備寬度來應(yīng)用不同的樣式規(guī)則。這樣您就可以為手機(jī)屏幕定義特定的樣式表。

5. **測試和調(diào)整**：在完成設(shè)計后，您需要在真實的手機(jī)設(shè)備上進(jìn)行測試，以確保頁面在不同品牌和型號的手機(jī)上都能正常顯示和操作。

如果您是尋求專業(yè)的網(wǎng)頁設(shè)計服務(wù)，那么您可能需要聯(lián)系一家專業(yè)的網(wǎng)頁設(shè)計公司或者自由職業(yè)者，他們可以為您提供定制的手機(jī)網(wǎng)頁設(shè)計解決方案。如果您只是想自己動手，那么您可以使用一些在線工具或者開源的網(wǎng)頁設(shè)計框架（如Bootstrap）來幫助您快速構(gòu)建響應(yīng)式網(wǎng)頁。