1、1首先，在ps中打開一張要處理的圖片2然后，在左側的工具欄中點擊切片工具3接著，用切片工具把圖片分成4份4之后，再依次點擊左上角的文件存儲為web所用格式5在彈出的窗口中點擊存儲的按鈕6最。

2、然后打開網頁設計圖，一般都是psd格式的，小編這里以簡單的JPG格式代替了請點擊輸入圖片描述 3 然后點擊左側工具欄中的“切片”工具，就是那個小刀子形狀的請點擊輸入圖片描述 之后在圖片上切出想要做網頁的部分，小編演示。

3、1將所需的PSD文件打開 2點擊打開按鈕，選擇需要打開的文件 3文件打開以后，選擇工具欄的切片工具，根據(jù)需要進行圖片的分割，選擇切片工具，然后在psd頁面上拉動選擇位置，就可完成一張圖的切片 4將切圖保存 5選擇保存。

4、psd網頁切圖轉換成html，其實psd的切圖就是網頁前端的初步設計，這時候，網頁的形象已經出來了，然后需要做的就是前端人員將psd的切圖，參考psd去用html+css等一些語言去完成設計，如網站的背景，就需要css的background來實現(xiàn)。

5、具體的轉換步驟是切片工具切圖文件儲存為web和設備所用格式 點擊儲存后在格式化一欄選擇HTML和圖像 搞定~，很簡單的LZ只需要了解切圖工具的用法就可以了PS圖片一般儲存為PNG格式一個網頁最少需要兩次。

6、PS的切片工具適合內容較為簡單的頁面，頁面圖片過多，會導致切圖后生成的冗余圖片過多，不利于網頁制作的最基本原則頁面文件大小控制靜態(tài)頁面制作的步驟一般是1搭建目錄 根據(jù)需要建立設計的目錄文件夾，如css存放css。

7、下面是PS切圖的基本步驟1打開設計圖 首先要打開設計師提供的設計圖，通常設計圖是一個psd文件，其中包含了所有需要切割的元素2選擇需要切割的元素 在打開的設計圖中，選擇需要切割的元素，比如按鈕圖片文字等3。

8、您好1您需要在PS里將這個PSD格式的文件拼合圖層，壓平為一張單層圖像存儲為jpg或gif格式2在PS里是不能直接存儲為html格式的，您需要將這個jpg或gif格式拖到 ImageReady 軟件里 這個軟件一般是和PS捆綁在一起安裝。

9、photoshop做網頁的切圖方法第一步 用PS打開網頁效果圖PSD文件，根據(jù)網頁效果圖拉出參考線，同時為了方便切圖可以右鍵點擊把面板的顏色自定成對比鮮明的顏色第二步 在PS圖層中找出主背景圖層，如果背景圖是漸變的話可以。

10、PS切圖的應用場景 PS切圖適用于網頁設計UI界面制作等領域在網頁設計中，常常需要將設計圖中的元素切割成小圖標或圖片，以便于在網頁中使用在UI界面制作中，也需要將設計圖中的元素切割成小圖標或圖片，以便于在移動端。

11、不是Photoshopexe其次打開你想做切片的圖片 在英文輸入法下，在程序界面中按 K 切換到切片工具 在圖片上隨意進行切片 按CTRL+ALT+SHIFT+S 將優(yōu)化結果存儲為 保存類型下拉框拉下來選擇“HTML和圖像”進行保存。

12、第五步 導出圖片可以選擇文件存儲為web和設備所有格式 第六步 在保存切出圖片的時候，選擇保存HTML和圖片，這樣導出來的就會自動生成一個網頁頁面和切圖圖片 第五步 在切像尾部版權部分的背景時候，發(fā)現(xiàn)這個是漸變。

13、問題四怎么用ps做html切圖，詳細！10分先切小片然后寫代碼不是一句話兩句話能說清楚的 問題五UI中網頁設計切圖怎么切PxCook，目前我還沒用上Mac，所以也不知道傳說中的Sketch到底多神奇PxCook在Windows上標注還比較順手，雖然它還附。

14、第三種方法也不好，因為你需要看效果圖一點點的拼，也就是說寫html標簽的時候，你在不斷的假設這塊要怎么去顯示正確的做法是1拿到psd后，先不要做別的，直接在文本編輯器中將網頁的框架寫出來，不要假設這塊將來css。

15、1如果是個別圖片需要插入到網站里，可以在ps里做好后，在div里引用2如果是一整張圖，作為一個網站，可以在ps里，用切片工具切成一塊塊盡可能的規(guī)則，需要加鏈接的地方，則要切成一整塊，然后“保存成web所用。

16、1圖片切片后，按住CTL+SHIFT+S保存為WEB格式 2文件名任取，格式選擇html和圖像3images就是存放切片的文件夾，內容不為空。