前端切图已经过时了吗？

[Pastsong]

在一些公司，特别是传统公司的对于前端的 JD 里有时会写关于切图的工作内容，然而切图这个技能似乎从我入门前端就没有接触过，也没有任何教程里提及过。

请问下 V 友切图这个技能已经过时了吗？你们在前端工作中是否会用到切图？

[Havee]

那么，美工交给你一整个 psd 时，你如何操作的？

[Pastsong]

@Havee 大概用 DIV+CSS 实现？把 PSD 拼起来也不好处理 Retina 和 Response 的问题吧

[luanluan]

不切不行吧，一整个图不切还能速度快吗、？

[ccbikai]

简单的自己切，麻烦的找设计切

[XianZaiZhuCe]

必备技能吧

[zonghua]

怎么切？切成什么元件？前端的东西我不懂。

[XianZaiZhuCe]

@Pastsong 特殊背景，你用 css 实现？

[FrankFang128]

不需要切图了

[Pastsong]

@XianZaiZhuCe 特殊背景是用 div+background 吧...

或者说我并不确定在工作流程中拿到前端手中的设计文件是怎样的

[est]

现在流行大前端概念，基本从挖需求，设计，出 psd ，切图， html ， css ，甚至套模板一整套全部做完了。

[XianZaiZhuCe]

@Pastsong 那你以前怎么跟设计合作的？

[Pastsong]

@est 再会一点后端和数据库就可以全栈了是这样吧😂

[Pastsong]

@XianZaiZhuCe 我现在还是学生，在自学前端内容，之前都是个人项目和小团队居多

[jjplay]

@Pastsong 相信我，现在 80%的前端都是切图

[learnshare]

之前的切图，指的是对设计图进行切片处理，然后通过这些小图来拼接页面；
后来切图泛指将设计图转化成页面的动作。

CSS3 、 Icon Font 等应用广泛之后，页面中使用的图片资源越来越少了。

[answeryou]

只能说你还太年轻了，接触的太少了

[est]

@Pastsong 如果做 SPA ，差不多是这样的。从后端读取 RESTful API 并不比一个比如 localstorage 有什么太大的区别。服务器端可以看成数据一种远程持久化方式而已。一些数据库解决方案比如 Firebase, Influxdb 之类的直接就是 HTTP API 。

[XianZaiZhuCe]

@Pastsong 15 楼正解 。

[Pastsong]

@est
@XianZaiZhuCe
Thanks!

[nijux]

《前端工程师必备的 PS 技能——切图篇》 里面讲到的 PS CC 的切图功能实在是爽啊 可以试试
http://www.imooc.com/learn/506