說明前端工程師以前，要先說一下什麼是「切圖」？最早的網頁設計師，除了要做網站設計以外還需要設計flash動畫、切圖，「切圖」是一種俗稱，「切圖」簡單來說就是把網站設計好的「版型圖片轉換成html的過程」，過程就好像是拿美工刀把版型圖片一片一片切割下來，一塊一塊轉成html的網站，所以俗稱「切圖」，網站切圖可以分成自動產出、手切、模板(例如：Bootstrap)。
什麼是前端工程師？「前端工程師」也有人叫「前端設計師」，以前沒有「前端工程師」這個職位，只有網頁設計師，網頁設計師最常用的工具就是Adobe Dreamweaver、Microsoft frontpage，因為Dreamweaver、frontpage都是「即見即所得」的網頁設計工具，只要用軟體設計完成之後就已經自動產生html程式碼，網頁設計師的切圖工作只有微調並不需要「從無到有」的切圖，但是隨著網頁設計技術不斷變革，網站走向多設備的整合，手機、平板、PC都要整合成一個網站，就是設計公司常說的RWD、AWD，這時候對於html代碼的要求就已經不再單純，除了切圖轉換html以外，還要求各家瀏覽器的兼容性、SEO構架、網站性能與速度，於是網頁設計工作就慢慢把「前端切圖」獨立出來，於是有了「前端工程師」這個工作職位，前端工程師不負責網站的視覺設計，但前端設計師是網頁設計師的實現者，好的前端可以幫助網頁設計轉換html過程中維持完整度，網站的動畫與效果都是由前端工程師實現。
相關內容：到底是RWD（響應式網頁設計）好還是AWD好？
網站建設的專業分工現代的網站建設都是專業分工，專業分工可以讓網站工作變得更全面，設計步驟依照順序為：網頁設計 Design、前端工程師 Front End、後端工程師 Back End、網絡營銷 Marketing，前端工程師就是把網頁設計師的「設計稿」變成網頁(HTML)的人，為什麼網頁設計中的前端工程師如此重要呢？以下是我們的看法。
相關內容：網站建設公司不會告訴你的5個真相
好的前端工程師有哪些價值？網頁設計還原程度高當網頁設計師根據客戶需求把設計稿完成，這時候網站只是很多的圖稿，前端工程師會根據圖稿進行切圖，把這些圖切成HTML，並加入一些網頁效果程式，好的前端工程師對設計稿的還原程度就越高，還原程度高代表事後的修改少，可以大大降低客戶修改的機會，提升網頁設計專案效率。
切圖好壞是SEO的重要因素好的SEO架構元素，例如：更精簡的代碼、速度更快的網站架構、適應更強RWD…等等，都是靠前端工程師去完成，對SEO架構有經驗的前端工程師就能把符合架構的代碼內置到網站，網站對各種設備的適應力會更完善。前端設計師撰寫的js代碼或是對於各種技術的掌握，可以讓網站效果與SEO架構達到一個平衡的關鍵，好的前端工程師可以同時解決網站效果與SEO的衝突問題，切圖效能最好的就是「手切」，手切因為html最精簡，所以在SEO架構測試可以得到最高分，是用Bootstrap模板網站比不上的。
相關內容：具備SEO架構的網站才有較高的SEO成功率
可以滿足客戶的需求改變前端工程是一個非常專業的工作，前端工程必須懂很多html延伸技術，很多公司的網頁設計師卻兼職做了前端切圖的工作，用了大量的Bootstrap模板，只會套不會改，遇到客戶的需求大變動就只能回：「這個沒辦法改喔」，其實是「不會改，不是不能改」，這類的網站建設公司絕對不會說：「因為我們用了省時省力的Bootstrap，因此不會改」，專業的前端工程師絕對可以滿足客戶所有修改需求，遇到RWD與設計邏輯衝突的時候，總是可以提出其他的改善方案。
結論早期的網頁設計師要會視覺設計、FLASH動畫、切圖，因為行動裝置崛起，RWD自適應式網站盛行，FLASH正式走入歷史，於是產生了專職的「前端工程師」讓網站的兼容性達到最高，好的前端工程師具備「設計還原能力」、「代碼優化」、「滿足客戶需求」這三個重要的能力，好的網站建設公司一定有專職的前端工程師，而且具備「手工切圖」的代碼撰寫能力，絕非只會套Bootstrap而可以依據需求進行修改，希望大家在尋找網站建設公司的時候，可以更專業的比「價值」而不是比「價格」，不然價格再低沒有「SEO架構」，執行SEO也是會事倍功半沒有效率。
相關內容：為什麼要聘請SEO公司來優化您的網站？