『壹』 有沒有朋友在大公司做前端工程師的，他們切圖一般都用什麼軟體哦，用什麼方法切的，這個有
我們用的專門的摹客PS插件，可以一鍵下載所有切圖。支持Sketch、Adobe XD、PS的設計稿，設計師只需在設計稿上進行切圖標記，然後上傳就可以了。
以PS為例，主要是這樣操作：
1.在摹客官網安裝並打開插件
插件安裝好後打開PS，在「窗口>擴展功能」找到摹客插件，選擇並打開。使用摹客平台賬號登錄。
2.標記切圖
在完成的設計稿上，選中需要切圖的圖層或編組，點擊「標記切圖」。將在名稱前增加「-e-」，「標記切圖」變為「取消切圖標記」，則標記切圖完成。
3.上傳至摹客
標記切圖後，一鍵將設計稿上傳至雲端項目中，開發工程師就可以自主下載切圖，只需在右側面板中選中切圖，點擊即可下載。
摹客切圖支持：
1.切圖壓縮：在右側面板中選中切圖
2. 切換平台和選擇倍率：iOS、Android、Web
3. 下載選中切圖，一步到位。
『貳』 web前端ps怎麼切圖
切片工具切好，儲存是存成web所有格式
『叄』 web網頁界面如何給前端標注，切圖
1、開發經常用到的格式： PNG、SVG、JPG、PDF、WebP
2、我們內部團隊實用的是藍湖，一鍵壓縮切圖，告別了二次加工，高效。
『肆』 網站前端切圖是什麼意思，主要做什麼
我們做網站的時候是要根據程序化來進行實現的，特別是做一個精品網站的時候，首先第一步就是設計網站，網站設計好之後即是切圖，切圖完就要加入div+css實現效果圖，以及flash動畫等功能了，切圖完成之後才到下一步開發程序，這就是從前端的設計、切圖到網站程序開發的一個過程。
網站的好壞，前端很重要，這是我們重視的一部分，前段必須把div+css做好，不能有多餘的代碼程序在裡面，前端要是沒有做好，往後的程序很影響seo的推廣，這是很多企業做網站的時候忽略掉的問題，我們應該一手抓，俗話說的好，贏在起跑線上，只有系統化的前端div+css，設計，切圖功能實現之後才有後面的程序製作，很多網站前端div+css做的亂七八糟的，不說兼容性行不行了，就是網路蜘蛛來獲取頁面的時候都很排斥的，所以說，切圖是一個精品網站必備的，重中之重，不可忽視。
我們經過美工的設計頁面，從每一張圖片的整合到功能的實現都是切圖來做的，切圖人員必須具備有細心的品性，要嚴格要求每一步的到位，否則將會給後面的程序帶來麻煩，一個精品網站的建設是要分為四個大的步驟進行的
第一、網站設計
第二、網站切圖+div+css+功能美化
第三、網站程序製作
第四、後台的調用
『伍』 前端開發都需要哪些工具
每個前端開發人員都有自己喜歡的開發工具，用這些工具能讓編碼更容易並且「令人愉快」。分享一些我認為真的很棒的很棒的Web開發工具！
1.Glitch
https://glitch.com
好的，這不僅僅是一個工具，還是一個非常棒的編碼平台以及一個很棒的技術社區。我可以在內置代碼編輯器的幫助下託管我的項目。支持多種語言，但最適合NodeJS。
2.Shadows
https://brumm.af/shadows
這個網站提供生成平滑陰影的CSS代碼，可以創建平滑的邊框陰影。它看起來真的很流暢，令人滿意。
3.Coolors
https://coolors.co
這是一款非常好的在線工具，可以為項目生成匹配的顏色方案。如果不喜歡當前的方案，按下空格鍵，它會重新生成一個配色方案，直到你滿意~
4. Blobmaker
https://blobmaker.app
Blobmaker可幫助你隨機生成各種尺寸，不同顏色和形狀的SVG Blob。你可以用作背景或創建看起來很酷的動畫。
5.Getwavs
https://getwaves.io
與Blobmaker相似，Get Waves能夠隨機生成不同顏色和不同數量的波浪。用作網頁的頁腳或頁眉看起來不錯。
6. Undraw.co
https://undraw.co
開放源代碼項目的SVG插圖集，可用來做登錄頁面，404頁面等，當然普通頁面也能用!上面的插圖可以不帶歸屬地版權的使用，無需支付任何費用。
7. Marcdown
https://liyasthomas.github.io/marcdown
由Liyas Thomas提供的在線實時的Markdown網頁編輯器，它可預覽Markdown代碼，將其發布到GitHub上。它提供一個非常漂亮的暗黑模式。還可離線工作，這使得它顯得更出色。
8.postwoman
https://postwoman.io
這是Liyas Thomas構建的另一個工具。Postwoman是一個API請求構建工作。開發者可以不使用代理來測試 API。這是一個漸進式Web應用程序，可以保存到桌面來用。它是輕量級的產品，基本上可以是Postman的在線替代品。
9. Screely.com
https://screely.com
它可以幫助你創建超級漂亮的網站截圖模型。如果你不是MacBook用戶，但需要更好的網站圖片作為自述文件，它非常適合我們。
10. CSS網格生成器
https://cssgrid-generator.netlify.com/
這是Sarah Drasner的創建的優秀網站，它使用CSS創建動態網格布局。
以上是10款web前端開發工具分享，希望對你有幫助。
『陸』 什麼是切圖用什麼工具來切
製作網頁，很多的時候，首先要用圖片處理軟體製作出網頁的效果圖。效果圖做好是一幅完整的圖片，不可能把這一整張的圖片都用在網頁里。把效果圖中有用的部分剪切下來作為網頁製作時的素材，這個過程就是切圖。
在PS中，用切片工具切圖，然後切換到Dreamweaver（中文是夢想編織者，網頁設計軟體）里用的。因為如果一個網頁里大圖太多，影響下載速度，所以不知道誰發明的，把PS出來的圖中的純色部分和其他部分分開，到DW以後再上顏色。其實就是把一個完整的圖，切成幾片而已（主意不是圖層），就叫切片了。這樣一來如果你想把某個部分{片}設個鏈接，貌似很方便。
切圖的目的就是更加精確的進行網頁布局。
photoshop、fireworks等軟體都帶有切片工具。
『柒』 前端新手需要寫頁面。但是老師要求先用photoshop先切圖。需要一個會切圖的大神幫下忙，非常感謝
你其實可以直接用專業的前端切圖工具，比如摹客的PS插件來完成切圖。摹客支持Sketch、Adobe XD、PS的設計稿，設計師只需在設計稿上進行切圖標記，然後上傳就可以下載所有切圖了。
以PS為例，主要是這樣操作：
1.在摹客官網安裝並打開插件
插件安裝好後打開PS，在「窗口>擴展功能」找到摹客插件，選擇並打開。使用摹客平台賬號登錄。
2.標記切圖
在完成的設計稿上，選中需要切圖的圖層或編組，點擊「標記切圖」。將在名稱前增加「-e-」，「標記切圖」變為「取消切圖標記」，則標記切圖完成。
3.上傳至摹客
標記切圖後，一鍵將設計稿上傳至雲端項目中，開發工程師就可以自主下載切圖，只需在右側面板中選中切圖，點擊即可下載。
摹客切圖支持：
1.切圖壓縮：在右側面板中選中切圖
2. 切換平台和選擇倍率：iOS、Android、Web
3. 下載選中切圖，一步到位。
『捌』 前端切圖和UI設計區別是啥
前端的三樣基礎，HTML，CSS，JS。一般前端切圖是基礎，給你一張設計圖，不會給你太多時間切圖，切出來的網頁要兼容各個主流瀏覽器。切圖的門檻很低，光會這個很難找到工作，就算有工資也不高。前端大部分的時間是在JS上面。
『玖』 切圖用什麼軟體好呢
推薦一下我們團隊在用的切圖工具摹客。標注和切圖都能解決，支持PS、XD和Sketch的設計稿，下載一個插件就可以用了，很方便。
切圖：一鍵上傳Sketch、PS、XD的設計稿，自動獲取不同平台尺寸的切圖，可以快速切換平台和選擇倍率，也可以自定義設備尺寸。另外還支百持切圖壓縮。
標註：標注應該是他們比較特色的一個功能，除了自動生成的標注信息度，還可以手動快速補充文字、間距、區域、顏色等信息，非常全面。
這個工具我覺得最大的優點是用起來簡單，可以試試。
『拾』 做前端在mac上使用什麼切圖工具好
安裝藍湖插件進行切圖，PS、Sketch、XD 幾種工具都支持，用藍湖切圖效率很高，一鍵搞定，自動生成多格式，開發可以直接選擇下載需要格式的切圖進行使用，還能復制代碼進行開發，太贊了。