切图和Web前端制作的关系

切图一词，事实上从css1.0时代就有了（大概是2000年以前），那个时代web前端布局基本都采用table布局的方式，即将一个网页以table表格的方式分割为若干个行和列，再将原设计稿中的图片等内容填充进去。这种前端界面的实现方式首先就需要将设计稿中所有用到的图片、图标都先切割分离出来，即所谓的切图，也因此，有很多从事前端web开发职业的人自称为切图仔，有自嘲也有调侃之意。类似的称呼还有“产品狗，文案狗”等等，直到今天，“切图”这一名词被保留了下来，属于行业惯称。

进入css2.0时代之后，css自身可完成的工具比之前进度了很多，传统的table布局被废弃。此时，前端web从业人员再也不用将设计稿中的每一个图片和图标都切分出来，而是只切分一些非纯色背景、图标等素材即可。这个时期，因为网络带宽有限，Yahoo前端优化的20条军规非常流行，为了减少前端http的请求次数，前端从业人员还需要将一些小块的高频使用的小图标，制作成sprite雪碧图，以此来提升页面性能，减少页面加载时间。

再后来进入到css3.0时代，css3.0已经可以完成很多原来必须使用图片来替代才能完成的工作了，比如，渐变背景，常规图标等等，而随着技术迭代，很多图标也以字体的形式来替代（这时期阿里退出的iconfont工具在此方面起到很明显的助推作用）。而且，因为移动端屏幕尺寸的多样化，很多复杂的图标也开始使用svg矢量图来代替。这个时期，web前端开发人员再也不用从设计稿上切大量的图标和图片了，一般只是在用到一些特殊的背景图时才会去即切即用，切图已不再是web前端的重要步骤，而是html和css代码的编写。

虽然，切图这项工作在web前端制作过程中越来越被弱化，但是切图这个名词已经在潜意识中成为了web前端制作的代名词。本站名称切图匠也即由此得名，意为：匠心切图，专注做好web前端外包这一项工作。