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

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

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

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

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

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

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

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

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

10、PS切圖的應(yīng)用場景 PS切圖適用于網(wǎng)頁設(shè)計(jì)UI界面制作等領(lǐng)域在網(wǎng)頁設(shè)計(jì)中，常常需要將設(shè)計(jì)圖中的元素切割成小圖標(biāo)或圖片，以便于在網(wǎng)頁中使用在UI界面制作中，也需要將設(shè)計(jì)圖中的元素切割成小圖標(biāo)或圖片，以便于在移動(dòng)端。

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

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

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

14、第三種方法也不好，因?yàn)槟阈枰葱Ч麍D一點(diǎn)點(diǎn)的拼，也就是說寫html標(biāo)簽的時(shí)候，你在不斷的假設(shè)這塊要怎么去顯示正確的做法是1拿到psd后，先不要做別的，直接在文本編輯器中將網(wǎng)頁的框架寫出來，不要假設(shè)這塊將來css。

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

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