1. 前端怎麼切圖
按照規則切圖 盡量用代碼寫出樣式 不要切成圖就行 最好的就是一張圖都不切 全部用樣式+文字完成
2. 切圖是美工還是前端負責
前端開發的需要重點學習的是javascript html css。
關於切圖和美工 前端確實需要學習一些，屬於美工的工作，可以簡單的理解為UI設計范疇。
學習是肯定有好處的，建議把學習重點放在以JavaScript為核心，html css為輔；切圖和美工知識作為了解的道路上繼續走下去~
3. 能否用通俗語言講一下web前端講的「切圖」到底是什麼意思
簡單說就是把一張大圖裁成若干張小圖
一張完整的web設計圖包括了很多元素，Logo、圖標、背景圖等等
設計師通常給的是Ps的分層設計文件，或者是Ai，當然這樣是最好的，當然也有設計師用的素材不是透明分層的，這個時候就需要我們自己摳圖了（這又是另外一個話題了，不談）
這時候就需要把我們需要的Logo、圖標、背景圖這些一一單圖提取出來使用到前端項目中，於是我們用到了Ps或Ai中切圖這個功能
4. 前端中所說的切圖到底指的是什麼意思
切圖是指將設計稿切成便於製作成頁面的圖片,並完成html+css布局的靜態頁面。
5. 網站前端切圖是什麼意思，主要做什麼
我們做網站的時候是要根據程序化來進行實現的，特別是做一個精品網站的時候，首先第一步就是設計網站，網站設計好之後即是切圖，切圖完就要加入div+css實現效果圖，以及flash動畫等功能了，切圖完成之後才到下一步開發程序，這就是從前端的設計、切圖到網站程序開發的一個過程。
網站的好壞，前端很重要，這是我們重視的一部分，前段必須把div+css做好，不能有多餘的代碼程序在裡面，前端要是沒有做好，往後的程序很影響seo的推廣，這是很多企業做網站的時候忽略掉的問題，我們應該一手抓，俗話說的好，贏在起跑線上，只有系統化的前端div+css，設計，切圖功能實現之後才有後面的程序製作，很多網站前端div+css做的亂七八糟的，不說兼容性行不行了，就是網路蜘蛛來獲取頁面的時候都很排斥的，所以說，切圖是一個精品網站必備的，重中之重，不可忽視。
我們經過美工的設計頁面，從每一張圖片的整合到功能的實現都是切圖來做的，切圖人員必須具備有細心的品性，要嚴格要求每一步的到位，否則將會給後面的程序帶來麻煩，一個精品網站的建設是要分為四個大的步驟進行的
第一、網站設計
第二、網站切圖+div+css+功能美化
第三、網站程序製作
第四、後台的調用
6. 前端工程師，請問切圖是什麼意思我會寫div﹢css已經比較熟練了，js也、jquery這些也學完
是的，做前端必須必須會切圖，但是 切圖 就是PS裡面的一步操作，十分簡單。QQ截圖和PS切圖是動作不一樣，但是基本上是一樣的，QQ是截取，而PS裡面有個工具張的像 刀 ，拿著這個刀在圖上面畫，所以叫切圖。
選擇選中的切片，在點擊保存，就這么先切，在選擇，在保存，就完成了切圖，但是PS切圖比qq截圖用著爽多了，因為在PS裡面可以將圖片放大N倍，在切，在小的圖也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截圖用著爽。總體來講比QQ截圖專業吧。
7. Web前端工程師要掌握的切圖技能
今天小編要跟大家分享的文章是關於Web前端工程師要掌握的切圖技能。相對於程序來說，切圖門檻很低，只要有一些ps基礎，摸索個五分鍾基本也就了解各大概。但是就跟其他的所有技能一樣，切圖也是有很多技巧性和經驗在裡面的，這些東西可以讓你的切圖工作更有效率，更有目的性。
本文將某大師切圖幾年的心得進行整理歸納一下，希望可以幫到各位前端們，純實操干貨，必看。
說明：筆者用photoshopcs5做示例，不同版本功能會有稍許差異。
第一部分：一些快捷鍵
相對於設計和繪畫，切圖用到的ps並不多，以下我總結一些在切圖中比較常用的快捷鍵，這些快捷鍵能答復的提高你的工作效率，並且看起來很酷。自由的控制視圖系列
§自由的瀏覽圖片：按住空格後，滑鼠拖動
§自由的縮放圖片：按住alt+滾輪
§切換到實際像素(100%)：Ctrl+1
§工作區類型切換：Tab
控制內容系列
§通過畫面上點選一個圖層：Alt+滑鼠右鍵
§在畫面上拖動一個圖層：V切換到移動模式滑鼠拖動
§復制拖動一個圖層：移動模式下Alt+拖動
§刪除一個圖層：選中要刪除的圖層按下Delete
§合並多個圖層：選中要合並的圖層按下Ctrl+E
§選區內填充顏色：Alt+Delete(前景色)Ctrl+Delete(背景色)
§縮放當前選擇圖層：Ctrl+T(自由變換模式)
實用工具系列
§畫一個選區：點擊M進入選區模式，滑鼠拖畫
§放棄選區：Ctrl+D
§吸管工具：點擊I進入吸管模式，點選畫面顏色
§文字工具：點擊T進入文字模式，點選畫面的文字或者創建新文本
§切片工具：點擊C進入切片模式(舊版本會有不同)
第二部分：一些實用技巧注意PS所處的狀態
photoshop開啟一個文件，軟體本身就處於不同的狀態之中，總結下來有這樣幾種工具狀態--
代表當前是出於移動模式，選區模式，切片模式或者是吸管模式等等，工具狀態代表你當前對文檔操作的類型。
有一些特殊的狀態下，要求你必須做出選擇，這時候狀態的切換會暫停。比如，文字輸入模式和自由縮放模式下，你必須先對當前所做修改做出確認，才可以進行下面的操作。這種情況的特點是狀態欄會出現如下選擇，如需快速放棄修改可點擊ESC
圖層狀態--代表你當前操作的對象，有一些對象只接受特殊類型的操作。
比如一些填充和繪制的功能無法在文字圖層進行，圖層組不能進行操作。總之，你在進行塗層修改操作的時候，一定要注意當前操作的對象，否則容易造成誤操作和操作不能
色彩索引模式--這是一個常見錯誤，通過導出web格式圖片出來的png會自動換成索引模式，如果要繼續修改需要把索引模式轉成RGB模式
操作圖層如果不是設計者自己來切圖，那麼切圖者需要從圖層里來體會設計者的意圖。如何分組，層次間的關系都體會了設計者對頁面結構個人的理解。所以對一個設計稿來說，第一步是粗看圖層，理解設計意圖，其次是根據自己的理解對圖層進行新的操作和轉換。以下是關於圖層操作的一些經驗：
§關閉圖層可見性--關閉圖層可見性非常常用，因為有些頁面元素是交織在一起的，你通常需要關閉其中某項先切一部分，再切一部分。
§合並圖層--設計師載入第三方的元素這類的作法，會讓頁面某些小部件的圖層結構異常復雜，這時候將整個組合並Ctrl+E不失為一個好辦法
§
合並圖層的時候需要注意的是圖層效果會跟隨合並，這一方面會帶來不好修改的問題，所以合並完了通常Ctrl+Alt+Z還原,另一方面在某些時候還是很有用的，但個圖層的效果跟空圖層合並也會起到圖層柵格化的效果(文字圖層也可以跟空圖層合並)。
§復制圖層--有些時候一些sprite效果可以直接通過復制圖層在原稿上列出來，再通過切片工具出圖
§圖層蓋章--在一些圖層特別復雜的頁面，有時需要用到圖層蓋章工具，選中最頂層的圖層，點擊Ctrl+Alt+Shift+E
可以把以下的所有圖層蓋到一個新的圖層上。這個操作的好處是可以在不影響圖層本身的情況下，合並圖層。
生成圖片1)圖片格式--
圖片格式的原則簡單來說是架構復雜，色彩眾多的圖片jpg優先，色彩簡單，需求透明的png優先。png24在IE6下不兼容。
2)切片工具--
切片工具是ps為切圖提供的強大的批量的工具，所以一定要盡可能的使用它。使用切片之前先採用上述的方法對圖層進行處理，然後按需劃取需要的切片區域，使用切片工具的時候有如下幾個小技巧：
§切片選項--
劃取完分區以後，要對切片進行一些設定是很重要的，切片工具下Alt+點擊切片，會彈出如下窗口。首先，可以檢查切片的尺寸和位置，尤其是尺寸，比如你要切的按鈕定寬高，這里的檢查和設置就至關重要。其次，在這里直接命名，可以省去出圖以後重命名的時間。
§切片儲存--切片在儲存的時候，可以點選每個切片對其設定不同的圖片格式，保存的時候可以選擇保存選擇的切片而不是全部。
3)全新圖片--很多時候，切片難以直接使用，圖片需要進行二次處理。這時候我認為有以下幾點需要注意：
§千萬不要對jpg進行二次處理：jpg就算質量100%也是有損格式，二次處理的jpg會有肉眼可見的質量損失，所以要採用png的各種作為中轉。
§
注意圖片尺寸：有些版本的ps在拖拽進文檔的時候會默認尺寸適應，這會導致圖片尺寸在你不知情的情況下發生改變。解決的辦法可以是優先創建尺寸正確的圖片，或者以源文檔圖層的形式拖拽進新文檔。
§縮放：任何格式的圖片縮放都會產生質量損失，盡可能採用矢量圖縮放，或者在源文件的路徑里縮放再拖拽。
4)新圖片處理--新圖片的處理有以下幾個常用的技巧：
§圖像裁切和顯示全部：圖片小於畫布或者圖片大於畫布的情況下使用裁切和顯示全部命令，可以保證圖片的精確性。命令位於圖像(I)->
裁切/顯示全部
§活動選區，復制，粘貼：這三個命令配合使用可以實現很多轉換。比如一個漸變按鈕的縮短擴大。
結語
本來是想寫一個切圖的十分鍾入門教程，發現寫著寫著有點跑題，越來越細致。本文是我自己切圖的心得，而切圖技巧也因人而異，也需要各位自己去發現總結自己的技巧。另外一方面，我想切圖的重點也許並不在其本身，而在切圖者知道要怎麼切，熟悉web頁面構建的原理，同時根據自己的需要切出不同的效果。
以上就是小編今天為大家分享的關於Web前端工程師要掌握的切圖技能的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助。想要了解更多web前端知識記得關注北大青鳥web培訓官網。
8. UI中的「切圖」是什麼意思為什麼要切圖
切圖是設計師交付給開發的產物之一，設計稿完成後，設計師需要將其切成便於製作成頁面的圖片。但因為開發經常需要不同平台不同尺寸的切圖，如果全部由UI來做，不僅費時費力，可能還會因為細微的差距造成開發不能很好的還原設計稿。
所以可以用摹客之類的專業工具來自動切圖。UI把Sketch、Adobe XD、PS的設計稿進行切圖標記，上傳至摹客後，開發就可以自主下載不同平台不同尺寸的切圖和使用了。
(8)切圖前端擴展閱讀：
切圖用於完成html+css布局的靜態頁面，有利於交互，形成良好的視覺感。通俗來講，把一張設計圖利用到切片工具 把自己所需的切成一張張小圖，然後前端開發用DIV+CSS完成靜態頁面書寫，完成CSS布局。
切圖大家都有個誤區，覺得切圖就是把圖片切出來，其實並不完全是這樣，首先處理的是什麼類型的頁面圖片型（EDM 或活動著陸頁等）、圖文型（門戶網站或電商網站等）、界面型（Web App 等），把圖片切出來這個過程是叫切片。
9. web前端 切圖
正常來說，挺大，但也分公司
現在的公司有的分專做css與js的。
樓主也可以考慮javascript工程師
10. 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):
優點：拷貝所有可見層的內容到新文件，能夠快速的切除圖片。
缺點：不容易找到相應的圖層。