前端工程師根據設計圖製作網頁的時候，切圖優先考慮哪個軟體？

01-26

FireWorks？ PhotoShop ? 還是其他切圖軟體。
------------分割線----------
統計：一共6個人回答、2個人贊同，其中用PS的有5位、FW的2位，兩者兼用的1位。
------------分割線----------
另外，各位能否補充FW、PS這兩個軟體各自切圖時的優點和不足

Photoshop + CutSlice me 插件：標準化修改圖層名稱，一鍵輸出所有切圖。

其他 killing points：

可選擇輸出 1x 和 2x 的手機客戶端專用切圖；
一鍵輸出按鈕的 normal, hover, pressed 等狀態；
輸出格式為支持透明底色的 .png；
輸出的切圖文件不需要重命名了。

個人擅長哪個就用那個唄，我一般用firework，原因操作比PS簡單

我做外包的，一般是 PSD ，偶爾遇到過 png 需要用 Fireworks，也遇到過用 AI 的，不過設計師給裁好圖標了。

其實掌握一個，其他的 Adobe 軟體，看看就會了。

我習慣用fw。

難道你們是用自動切的么?

我是一個px一個px切的。。

一般是先有個大體的框架思路，然後一邊寫css一邊切需要的用到的圖片出來。

我認為細膩並不是必須的，一般都要做優化下的，太細膩的，圖片體積太大了。。

用截圖工具的飄過。。。透明的切圖才用PS。。

Fireworks，誰用誰知道

fireworks為web而生，在fireworks中矩形、邊框、漸變等效果均可以和css對應，如果設計師懂前端，注重頁面性能，很多都不用「切片」的，可以直接用css重新「編譯」。而且FW在處理css sprite背景拼合圖時有絕對的優勢，可以方便的查看寬高坐標。不過值得一提的是Photoshop輸出的png格式比Fireworks強大很多，所以我一般這兩款軟體都要用。

photoshop

PS和FW的區別：據我所知,ctrl+shilf+alt+S(save for web)支持輸出的格式選擇比較多。一般用ps，想100%還原設計師的psd,建議還是用ps吧……

只能說有好的設計師和產品（風格，規劃，排版合理），你的切圖是很輕鬆的。不用怎麼切，把按鈕，logo等做一下save處理就可以了。

不建議在ps上做css sprite 合併，現在有很多現成的工具，例如：Peaches 簡單自然， iazrael/ispriter · GitHub

參考：icai/front-end-tech · GitHub

我用PS。。。。

很久遠的問題了，現在回答會不會太晚：

我是兩者結合使用，更多的時候用fw切圖，原因就是佔用內存小（可能還是跟我電腦配置低有關係），主要還是切圖像素精準，用fw切的主要是png以外的圖；

但是，自從發現了一個超好用的ps插件（Cutterman），能一鍵導出所有圖層為各種格式的圖片，最主要能直接導出為png的圖片，這在fw包括ps里都是比較麻煩的事情。

photoshop 基本都能搞定。

PhotoShop

一般都用PhotoShop~

UI細節的效果用ps處理，整體用fw做，fw才是切片利器。

gimp 足夠了另外github上gimp-plugin-export-layers和Layerstodivs插件不錯

picpick十分不錯欸

mspaint和qq截圖也能湊合

---

ps太貴切下圖就買實在是太奢侈

小馬過河深淺自知，只要自己覺得好用就好

以前用ps，後來發現fireworks也挺好用的，切圖很方便

一直用Photoshop切片的飄過，工具不重要，個人習慣而已~

切頁面只是一道工序，不管怎麼切，還是要css重構的嘛。

fireworks切片方便優化圖片質量，PS功能強大方便摳圖或者修改，我一直混合使用

以前一直是fireworks.後來，發現工具並不重要了。PS，fireworks，甚至GIMP，畫圖我都可以隨手用來。

在細點說，我覺得基本之需要一個量寬高的，一個取色的，一個裁剪的工具。而這些功能很多軟體都可以做到。

當然，假如你指的切圖那種自動生成html的話。當我沒說。