切圖是前端開發必須用到的，可以用藍湖這類工具來完成，效率比較高。
『貳』 網頁設計怎麼切圖
你用什麼軟體設計的就用什麼軟體來裁切圖，我用的是photoshop進行設計，也是用這個來進行的切圖；
切圖保存格式最好、最常用的是gif和jpg。色彩要求不多的情況下，比如說小圖標，就用gif。如果色彩比較豐富，gif就不夠用了，就要保存成jpg。至於png，一般情況下不要用，一個是佔用空間大，再是在不同的瀏覽器下瀏覽，會出現灰色背景，祝你好運！
『叄』 photoshop網頁切圖怎麼用
1、首先需要用photoshop把psd源文件打開，看看源文件的整體布局。源文件是分層的，方便切圖的層次。
2、切圖的工具叫做「切片」，在左側面板可以看到。右擊可以看到「切片工具」和「切片選擇工具」按鈕。
3、用放大鏡將所要切的圖片部分放大，可以用參考線確定大小，切圖是可以沿參考線切。
4、切換到切片工具，沿參考線劃出切片，右擊可以看到有可以編輯切片的選項，可以設置切片像素大小。
5、切好後就可以單擊菜單欄「文件」，選擇「存儲為web所用格式」選項。
6、選擇要存儲的切片，然後右上角可以設置圖片的格式、質量大小，設置好以後就可以單擊保存了。
7、保存需要保存的切片，選擇好路徑即可，單擊保存即完成。打開保存好的圖片，如圖。
注意事項
注意保存時最好自己設置路徑，settings選項。
『肆』 網頁美工是怎樣進行圖片切圖的
步驟如下：
1.首先我們需要用到的文件就是psd的文件了，一般都是由設計師來完成的，我們切圖也就是切psd文件，因為psd文件是分層的，所以想切哪裡切哪裡。
2.之後用Photoshop軟體打開psd文件，這里小魚用CC版本演示，其他版本大同小異。我們打開之後可以雙擊左側的放大鏡工具，將圖片縮放到原圖大小。
3.我們要切圖，當然用到的就是「切片」工具了，可以點擊左邊的切片工具，也可以右擊這個圖標選擇更多的相關工具。切圖都是用切片工具。
4.選擇好切片工具之後，想要切哪裡就直接拖動滑鼠就可以了，然後會出現切線，在切線框內右擊還可以彈出菜單。
5.點擊菜單的編輯切片選項還可以對切片進行編輯，可以編輯大小等項目。
6.但是如果我們只想要字怎麼辦，不要底層背景，那麼可以用「移動」工具。選擇移動工具，在不要的背景上單擊，這時候在「圖層」面板裡面就會選中這個圖層。注意勾選上面的「自動選擇圖層」。
7.把選中的不需要的背景前面的小眼睛去掉，最後只剩我們想要的部分。
8.然後點擊左上角菜單欄的「文件」，選擇「存儲為web所用格式」選項。
9.如果要透明的，那麼一般選擇png格式，如果要非透明的，那麼哪個格式存儲的文件小就選擇哪個，這樣能保證網頁載入速度快。然後點擊下面的「存儲」按鈕。
10.然後給圖片命名，選擇一個保存地址，最後選擇「選中的切片」，不然好多沒用的圖片都會保存下來。
11.最後找到保存好的圖片打開，已經是一個我們想要的圖片了。
『伍』 UI 中網頁設計切圖怎麼切
PxCook，目前我還沒用上Mac，所以也不知道傳說中的Sketch到底多神奇。PxCook在Windows上標注還比較順手，雖然它還附帶切圖功能，但是比較雞肋，不推薦用它切圖。
切圖工具：
Cutterman 一款PS的插件，切圖非常方便，但不支持綠色免安裝版本PS，而且對PS版本要求比較高，針對CS 6的已經不維護更新了。推薦安裝官方完整版PS cc，然後自行破解。官網上有安裝使用教程，自己研究下吧，因為我也是最近才開始接觸這款插件。
Part 2 Photoshop
現在常用的幾種設計尺寸
1. 640*960 4時代的尺寸，剛接觸APP設計用的是這個尺寸，擬物盛行的時代(現在用這個尺寸設計的應該比較少了吧)；
2. 640*1136 5/5S/5C，IPhone更新，咱們設計也得跟著與時俱進(應該還有人用這個設計尺寸)，進入扁平的時代了；
3. 750*1334 6 目前我做設計稿的設計尺寸，IPhone6的尺寸，向下可以適配4，5，向上可以適配6 plus；我記得IP6推出後，我問總監應該用什麼尺寸設計，他說用IP6的吧，好適配，切出來就是@2x了，改一改上下都能照顧到。
『陸』 網站如何切圖、套程序、上傳等。
Photoshop或FireWorks兩者能會一個、切圖原則：先橫切（可以先分成頭部、內容、尾部），然後再細分割（需要規劃，也需要點經驗）；
套程序要看什麼程序了，.net、jsp、asp都需要不同的平台。建議初學者使用Dreamweaver，界面簡單易懂，上手容易。
網站資料庫初學建議使用access，不需要特殊配置，布置簡單。
上傳網站一般需要空間服務商提供ftp的帳號密碼，然後你根據提供的帳號信息上傳網站
『柒』 在網頁設計中如何用PS切圖
1、在Photoshop中打開設計稿，如下圖：
『捌』 網頁製作中如何切割圖片
其實， 你有點沒有理解到.就是其實只要切割之後,導入DREAMWEAVER中，自動就以切片為單位變成表格了.所以，先切再導入,而不是先做表,再切.
如果你先做表,那就只能按照表格,調整圖片大小.
這是兩種不同方法， 不要混淆.
『玖』 網頁切圖怎麼做 網頁設計切圖
網頁切圖怎麼做，網頁設計切圖的方法。
如下參考：
1.打開PS，點擊切片工具，如下圖所示。
『拾』 如何把圖片切成HTML頁面
這是把模板弄成頁面啊。我最進就練這個。你把圖片分成各個部分，背景、按鈕、等。用DW建立表格，把圖片放進去。也可以用DIV。慢慢琢磨吧