複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/切圖/9435981
複製
複製成功

切圖

（修圖的方式）

鎖定
切圖是指將設計稿切成便於製作成頁面的圖片。切圖用於完成html+css佈局的靜態頁面，有利於交互，形成良好的視覺感。通俗來講，把一張設計圖利用到切片工具 把自己所需的切成一張張小圖，然後前端開發用DIV+CSS完成靜態頁面書寫，完成CSS佈局。
中文名
切圖
外文名
firework
目    的
畫面瀏覽速度快，有利於優化。
定    義
有利於交互，形成良好的視覺感。
常用工具
Photoshop

目錄

  1. 1 切圖誤區
  2. 2 切圖工具
  3. 3 切圖目的

切圖切圖誤區

切圖 切圖
切圖大家都有個誤區，覺得切圖就是把圖片切出來，其實並不完全是這樣，首先處理的是什麼類型的頁面圖片型（EDM 或活動着陸頁等）、圖文型（門户網站或電商網站等）、界面型（Web App 等），把圖片切出來這個過程是叫切片。
第二個是體積，所以切圖時候一定注意少用圖片工具，採用div+css佈局更能減小網頁體積是表現與內容分離。

切圖切圖工具

主流是dreamweaver、photoshop軟件，還有sketch、firework等，低端QQ切圖，網頁切圖等。

切圖切圖目的

為前端編程者帶來方便，提高效率，讓網頁稿有了交互性，實現你平時看到的各種各樣的功能。畫面瀏覽速度快，有利於優化。