『壹』 前端新手需要寫頁面。但是老師要求先用photoshop先切圖。需要一個會切圖的大神幫下忙，非常感謝
你其實可以直接用專業的前端切圖工具，比如摹客的PS插件來完成切圖。摹客支持Sketch、Adobe XD、PS的設計稿，設計師只需在設計稿上進行切圖標記，然後上傳就可以下載所有切圖了。
以PS為例，主要是這樣操作：
1.在摹客官網安裝並打開插件
插件安裝好後打開PS，在「窗口>擴展功能」找到摹客插件，選擇並打開。使用摹客平台賬號登錄。
2.標記切圖
在完成的設計稿上，選中需要切圖的圖層或編組，點擊「標記切圖」。將在名稱前增加「-e-」，「標記切圖」變為「取消切圖標記」，則標記切圖完成。
3.上傳至摹客
標記切圖後，一鍵將設計稿上傳至雲端項目中，開發工程師就可以自主下載切圖，只需在右側面板中選中切圖，點擊即可下載。
摹客切圖支持：
1.切圖壓縮：在右側面板中選中切圖
2. 切換平台和選擇倍率：iOS、Android、Web
3. 下載選中切圖，一步到位。
『貳』 web前端ps怎麼切圖
切片工具切好，儲存是存成web所有格式
『叄』 如果用PS將一張長圖裁剪成子圖片然後分別保存啊
1、使用PS軟體打開想要進行裁剪的圖片；
『肆』 ps怎麼把長圖截成幾張
1、在ps中打開圖片。
2、在工具箱中選擇切片工具，在圖像中拖動滑鼠進行切片；
3、在文件菜單中選擇存儲為web文件，可以將各個切片單獨保存。
『伍』 ps中,如何將過長的圖片裁切下來
新建A4文件， ctrl+A全選，拖動選區到過長的圖片里，再按裁剪，就一樣大了。
『陸』 ps怎麼把長圖部分裁剪
方法是：
1、使用裁剪工具。
2、如果裁剪屬性中有以前的裁剪數據則點擊清除。
3、拉動滑鼠進行裁剪。
『柒』 前端開發怎麼截圖
使用Fireworks的切片工具.
一般來說,可以是用PS將psd文件按照demo圖和業務不同需要保存成幾分.
然後使用Fireworks的切片工具來裁剪需要的圖片區域.
Fireworks,優勢在於啟動快速, 由於操作是的圖片而不是巨大的psd, 所以在截圖的時候速度也很快.
可以保存多種圖片格式, gif png(8, 24, 32) jpg.
『捌』 怎麼用PS裁切一張很長的圖片就是裁切詳情頁模板！滿意了我加分！
1、首先將要裁剪的圖片備好份，先檢察好需要裁剪的圖片，若是沒有圖片有問題，裁剪就是在浪費時間，因此一定要養成檢察的好習慣。
『玖』 Photoshop中的哪些知識點是用來前端切圖的
1).基本信息：
以圖層為主要的編輯對象，通過不同層細節的編輯，使整體效果更為絢麗或多變。
以工具為主要的編輯手段，通過多個工具的結合，滿足大部分編輯要求。
通過濾鏡的組合，呈現很多不錯的效果，達到平民人士也能參與互聯網炒作的大軍中不能自撥，在當下PS已經由有一個名詞轉為一個動詞了。
對前端來說切圖時注意：優化切圖流程，提升切圖效率，增加崗位競爭優勢
具體經驗分享：修改PS的快捷鍵，使其符合前端操作的習慣，側面提升工作效率。從而擴展，可以修改其它軟體的快捷鍵，整體提升工作效率，增加就業資本或信心。
圖片格式那些事兒
一般新手不太注意頁面的性能問題，而性能容易出現在圖片上面，如何在一個大頁面中處理好圖片是一個前端必備的技能之一。
一般應用比較多的格式有：gif,png-8,png-24,jpg。而新手經常混淆png-8,png-24的區別。
按我經驗4k以下gif,png-8差別不大，4k-100k: png-8,gif占優勢，大於100k果斷是jpg。
png-8不支持alpha透明，在IE6下需要一個JS或透明濾鏡來處理。
圖片格式與設計那點事兒
Web性能優化：圖片優化
2). 提高切圖效率思路之擴展：
從客觀上來講，提高效率的基礎在於豐富的實戰經驗或長年的填坑經歷，本質上軟體的操作差別不是特別大。一個五年經驗或一年經驗的開發人員，使用同樣的工具，主要差別還是一個熟練度。這里只分享我個人積累的一些經驗：
在上一點提到的修改快捷鍵，分享一下我修改的幾個快捷鍵（修改這個快捷鍵，有個缺點，換台電腦可能就不能使用，除非能夠熟悉的記得兩套快捷鍵，即修改過的，或原始的）：
新建圖層: F1
使用頻率比較強，所以放在一個容易的地方。
新建文件：F2
僅次於新建文件，也是使用使用頻率比較高的一個鍵。由於切圖是會從原始圖層上多次的分離圖層，所以這個快捷捷由原來的按兩鍵，變為一鍵。並且有效的分離左右手操作的特點，盡量讓使用頻率高的鍵從左側起步。以下的幾個快捷鍵，都是按照這個思路來進行優化或設置的。
按屏幕大小：F3
按畫布大小：F4
這兩個鍵操作思路主要借鑒於CorelDraw，CorelDraw是一款優秀的平面廣告設計軟體，多用於名片，包裝設計。這是由加拿大Corel產品，他們公司另外一個比較著名的繪畫類軟體是Painter。
存儲為web格式：F5
由原來的5鍵優化為一鍵，還有一個流程是通過Ctrl+Shift+S來存儲圖片，很明顯這個流程步驟過於繁多，很浪費時間。有興趣的可以做一個對比。
裁剪命令：F6
由原來的3鍵優化為一鍵，另外一個是裁剪工具(C)，裁剪工具對整個畫面的破壞力比較大，且不易控制，尤其在PS的版本升級中對這個工具進行了優化。而這個命令相對更為輕量或方便。
F7,F8,F9保持不變
轉換為RGB模式：ctrl+=
因為Gif是索引模式，顏色信息較少，如果要進行編輯，首先得轉換成RGB模式。
從圖層建立組：ctrl+,
由於剛入行的設計師沒有經驗，一個設計稿是沒有分圖層組。其實合理的圖層組可以有效的引導前端，所以這個快捷鍵主要是解決這個問題。
自由變換：F10
變換內容
前端主要還是對現有的PSD文件進行編輯，所以這兩個鍵是可以單獨拿出來的。
變換選區：F11
變換邊框
畫筆：F12
因為前端不像設計師，對PSD只是一個切割，而設計師注重於創造的過程。所以對畫筆工具的依賴不是很大，由原來的F5移動到F12。
復制圖層 Ctrl+ / 原有位置在菜單欄：圖層->復制圖層
這個快捷鍵，可以快速的把原始PSD中的一個或多個圖層復制到一個新文件當中。
演示：
3). 切圖的幾個辦法：
切片(k):
優點：能夠一次切除多個圖片。
缺點：需要後退一步，降低效率，容易產生多餘無用圖片
選區(先用選區工具來畫一個范圍，然後裁剪):
優點：區域精確目標單一
缺點：需要後退一步，容易誤操作
拷貝(Ctrl+C):
優點：拷貝單層的內容到新文件，能夠快速的切除圖片。
缺點：不容易找到相應的圖層。
合並拷貝(Ctrl+Shift+C):
優點：拷貝所有可見層的內容到新文件，能夠快速的切除圖片。
缺點：不容易找到相應的圖層。
『拾』 前端工程師，請問切圖是什麼意思我會寫div﹢css已經比較熟練了，js也、jquery這些也學完
是的，做前端必須必須會切圖，但是 切圖 就是PS裡面的一步操作，十分簡單。QQ截圖和PS切圖是動作不一樣，但是基本上是一樣的，QQ是截取，而PS裡面有個工具張的像 刀 ，拿著這個刀在圖上面畫，所以叫切圖。
選擇選中的切片，在點擊保存，就這么先切，在選擇，在保存，就完成了切圖，但是PS切圖比qq截圖用著爽多了，因為在PS裡面可以將圖片放大N倍，在切，在小的圖也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截圖用著爽。總體來講比QQ截圖專業吧。