前端工程师，请问切图是什么意思？我会写div﹢css已经比较熟练了，js也、jquery这些也学完
前端更多的工作是美工...让页面看取来比较顺眼
具体使用的功能主要有两个 验证数据 和页面特效
但是js真正的作用只是锦上添花 所以不能太依赖js (尤其是ajax的应用) 一个真正好的页面 就算不能运行js(有可能被用户关闭js功能)也能完整的实现 它想要实现的功能
网页设计一般是图片形式的。psd文件之类的。把这个图片文件，制作成html文件过程中。需要用到图片里的背景图什么的就切下来，放到css里面去。这就是切图。
是的，做前端必须必须会切图，但是 切图 就是PS里面的一步操作，十分简单。QQ截图和PS切图是动作不一样，但是基本上是一样的，QQ是截取，而PS里面有个工具张的像 刀 ，拿着这个刀在图上面画，所以叫切图。
你选择这个工具，选择切片工具，然后：
在图片上这么画上一块儿或者说切上一刀，就叫切图。
然后在选择 文件→储存为web所用格式→在用切图选择工具
把你需要保存的切图那块儿选中，点击存储，
选择选中的切片，在点击保存，就这么先切，在选择，在保存，就完成了切图，但是PS切图比qq截图用着爽多了，因为在PS里面可以将图片放大N倍，在切，在小的图也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截图用着爽。总体来讲比QQ截图专业吧。
总的来说，专业一点的公司，前端人员的工作是根据UE提供的设计图完成一个1px误差级别的开发。说白了就是和设计图长得一模一样（间距，尺寸），所以我认为切图有两层含义：
1. 利用切片工具测量各个小块之间的间距，文字的行高，等等之类的。目的是为了和设计图保持一致
2. 从UE给的设计图中取出需要的图标，我的做法一般是选中图标的图层然后再复制出来处理（当然这是对于跟你接口的UE也比较专业）如果UE给你的设计图就是一个大图，没有图层，那么只能通过选区再保存了。
以前切图是切成小块，为了加载速度快。
现在切图只是在效果图上，选择需要的部分，比如用矩形选区，选好后把它保存成gif或jpg，只要有需要的部分，这就是切图。
很简单啦，就是用ps那个截图的工具把美工ps 的网页设计图分部位切下来，打个比方说吧，一个页面上有一个登录的小按钮，你要在ps里面隐藏背景图层从而让那个按钮栅格化，然后你沿着这个按钮四周把这个按钮截取下来保存为png的格式放到你网站需要图片的文件下面以便后来用，不能用QQ快捷键，因为他会认为后面那个栅格化的那个格子也是图像。
分割成小元素
做前端开发必需要掌握切图技能吗
最后谈一下准备作品这块，去年开始前端界衍生了一个新的职位，叫无线前端开发工程师，说白了就是在iphone和android手机上做网站，用到的技术基础还是js跟css，但不需要像pc那样考虑兼容性(IE6是很恶心的)，最重要的，就是对html5和css3支持度比较高，这个职位目前还是很热门的，你可以往这个方向发展，...
什么是切图? 切图要达到什么目的?
制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）切图的目的就是更加精确的...
现在做一个网站还需要切图吗?
设计师切的图往往不专业，他们不知道把图片压缩，不知道把图片合并，更不知道给图片更好命名，这样前端拿到切图还是要重新处理。优秀的设计师会把图层分类做的很好，图层按照模块化设计，很方便前端工程师来使用的。不会切图的前端不是合格的前端。图层乱七八糟的设计师也不是个合格的设计师。
前端开发需要学习设计吗?
前端开发不需要学习设计，只需要掌握“切图”技能就可以了。1. 设计师与前端工程师的关系：在一家企业中，前端工程师与设计师在岗位上是独立的，业务上有联系：设计师根据产品经理提供的产品原型图进行适当分析，再设计出一套前端开发人员能够使用的设计图（PSD图）；前端工程师根据设计师提供的PSD图...
Photoshop如何实现UI自动切图
切图严格来说并不是UI设计师的工作, 而是前端工程师的工作,指的是将UI设计师的设计(大部分为photoshop创建的PSD文件）转化为界面（网页或窗体等）所需要资源的过程。切图是衔接UI设计和应用程序的桥梁，是一种将设计师的“理想”转化为“现实”的工作。 由于不同人的实现方法不同，可能对切图的需求...
前端工程师和美工的区别
前端工程师和美工的区别:前端工程师是写网页的，需要写代码，前端页面，美工是做ps界面的，不写代码，设计页面，修改页面的
移动端设计稿怎么切图移动端设计稿尺寸
五、设计稿切图设计稿就是能够看到界面是什么样子的,然后能够让开发人员进行切图使用,每个功能模块不论距离还是颜色都很清楚明白。 六、与开发工程师对接APP的UI设计师也只是负责把移动APP的各个页面界面进行设计,所有的具体功能要实现还是开发人员去完成的,UI设计师与开发人员相互沟通去进行具体界面的实现。 coreldraw...
开发协作-切图类别与规范
七、切图分类 八、CSS盒子模型——多状态切图盒子模型是网页开发中经常用到的CSS技术思维模型，模型具有内容(content)、内边距(padding)、边框(border)、外边距(margin)4个属性。所有的控件和信息都需要在每一个盒子里完成多状态展示，所以可以先理解工程师们在搭建页面时先在页面上画一个又一个的格子...
切图和截图有什么区别
问题六：前端切图和UI设计区别是啥? UI是把页面做出来，而前端只需要将UI设计师做出的页面切出来，并用代码连接将页面在web上显示出来。问题七：UI中的“切图”是什么意思？为什么要切图？ 切图严格来说并不是Ui设计师的工作 而是前端工程师的工作 指的是将设计师的设计转化为网页 是一种将...
UI设计中的切图是怎么切
2.标记切图：在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。当图层或编组的名称前增加了“-e-”，「标记切图」变为「取消切图标记」，就可以了。3.标记切图后，点击插件的上传按钮，开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。摹客的这些切图和标注等功能都是...
长兴柳盐酸： 就是ps出的设计图在制作网页的时候需要切片排版,说白了就是写代码之前要先把设计图里的图标,渐变等不能代码操作的东西切成分离的个体待用
秦州区17891105396： 网页设计好后的切图是什么意思呢 - ？
长兴柳盐酸： 网页设计好后的切图是将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感.通俗来讲,把一张设计图利用到切片工具,把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,...
秦州区17891105396： 网页前端开发如何写出整洁的css代码和切图到底是个什么意思 - ？
长兴柳盐酸： 第一个问题,想要优化一方面可以通过优化html结构,减少不必要的div标签.另一方面优化css,比如说减少冗余css代码,指定相应的命名规范等方便样式复用,可以考虑学习借鉴类似bootstrap之类的css框架.第二个问题,切图最终目的还是为了还原设计满足需求,但是一般情况下视觉给出只可能是一种情况下的网页,但是在实际环境中可能会有不同的数据,内容.会有不同浏览器不同分辨率以及设备,这些在页面的制作中都需要考虑到,显然绝对定位不是解决这些问题的好方法.
秦州区17891105396： 做网站切图是个什么意思?具体是怎么做的啊?？
长兴柳盐酸： 首先你说的做网站包括网站前台与后台,前台就是我们能看到的,后台是网站管理员能看到的.前台包括网站页面设计,网站静态页制作,添加动态效果等. 切片属于网站页面设计后,把一张效果图切成一块一块的,再用div+css布局组回效果图那个布局. 切片的目的一个是为了减少网站打开时的加载时间,另一个是为了网站静态页制作. 你可以看到你提问的这个页面是由一个一个的小图片和文字,链接组成的.原先设计的时候是一张图片,就是用切片切成这样的.切片一般我们用PS切的.
秦州区17891105396： 做网页前对设计图做切图是干嘛? - ？
长兴柳盐酸： 这样吧切削的图片放到网页中占得空间会小点,浏览速度也会快点!
秦州区17891105396： 网页切图什么意思,怎么切法 - ？
长兴柳盐酸： 如果你登着QQ 同时按下Ctrl+Alt+A这三个键就可以切图了.如果没登QQ,系统也有自带的截图功能,就是键盘上的PrtScrSysRq,不过这是全屏截图 然后在开始~所有程序~附件中打开“截图工具”,然后再按下ctrl+print(键盘上的PrtScrSysRq键)即可 切的图可以保存在自己电脑,也可以发给自己的朋友.谢谢!
秦州区17891105396： 网站切图是个什么意思? txr360 - ？
长兴柳盐酸： 网站切图,很多的时候,首先要用图片处理软件制作出网页的效果图.网站效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里.把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图.(当然是用剪切、选择工具也可以,但是用切片工具处理更精确.)网站切图的目的就是更加精确的进行网页布局.photoshop、fireworks等软件都带有切片工具.
秦州区17891105396： 网站制作切图的命令及含义?？
长兴柳盐酸： 切图与DIV和CSS联系不大`` 切图是为了布局合理,DIV和CSS则是实现合理布局的手段`
秦州区17891105396： 网页前端会切片是不是很重要? - ？
长兴柳盐酸： 最好是学下,最基础操作,没那么难,前端工程师会PhotoShop(切图)是很重要的,每个公司的招人标准是不一样的,一些正规司分工很明确,他们又专门的美工设计,你做前端开发就行了,一些小公司就会要求你得会一些简单的应用
秦州区17891105396： fireword当中的切片是什么意思?在网页制作当中发挥什么作用?这样的切图应该怎么理解? - ？
长兴柳盐酸： 在photoshop中用作辅助线(guide Line)的办法来实现切图,步骤如下: 1.按Ctrl+R 显示水平和垂直刻度表; 2.按住水平或垂直刻度表,向作图区拖动,到适当的位置时放开,就会产生水平或垂直辅助线; 3.重复步骤2,使水平和垂直辅助线将大图片划分切割成很多矩形小图片; 4.点击View菜单,选中snap to guide项; 选中snap to guide后, 以后光标在辅助线旁边时,会自动靠到辅助线,易于定位. 5.再依据辅助线,就可将大图片切割成很多矩形小图片;
