1. 前端怎么切图
按照规则切图 尽量用代码写出样式 不要切成图就行 最好的就是一张图都不切 全部用样式+文字完成
2. 切图是美工还是前端负责
前端开发的需要重点学习的是javascript html css。
关于切图和美工 前端确实需要学习一些，属于美工的工作，可以简单的理解为UI设计范畴。
学习是肯定有好处的，建议把学习重点放在以JavaScript为核心，html css为辅；切图和美工知识作为了解的道路上继续走下去~
3. 能否用通俗语言讲一下web前端讲的“切图”到底是什么意思
简单说就是把一张大图裁成若干张小图
一张完整的web设计图包括了很多元素，Logo、图标、背景图等等
设计师通常给的是Ps的分层设计文件，或者是Ai，当然这样是最好的，当然也有设计师用的素材不是透明分层的，这个时候就需要我们自己抠图了（这又是另外一个话题了，不谈）
这时候就需要把我们需要的Logo、图标、背景图这些一一单图提取出来使用到前端项目中，于是我们用到了Ps或Ai中切图这个功能
4. 前端中所说的切图到底指的是什么意思
切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面。
5. 网站前端切图是什么意思，主要做什么
我们做网站的时候是要根据程序化来进行实现的，特别是做一个精品网站的时候，首先第一步就是设计网站，网站设计好之后即是切图，切图完就要加入div+css实现效果图，以及flash动画等功能了，切图完成之后才到下一步开发程序，这就是从前端的设计、切图到网站程序开发的一个过程。
网站的好坏，前端很重要，这是我们重视的一部分，前段必须把div+css做好，不能有多余的代码程序在里面，前端要是没有做好，往后的程序很影响seo的推广，这是很多企业做网站的时候忽略掉的问题，我们应该一手抓，俗话说的好，赢在起跑线上，只有系统化的前端div+css，设计，切图功能实现之后才有后面的程序制作，很多网站前端div+css做的乱七八糟的，不说兼容性行不行了，就是网络蜘蛛来获取页面的时候都很排斥的，所以说，切图是一个精品网站必备的，重中之重，不可忽视。
我们经过美工的设计页面，从每一张图片的整合到功能的实现都是切图来做的，切图人员必须具备有细心的品性，要严格要求每一步的到位，否则将会给后面的程序带来麻烦，一个精品网站的建设是要分为四个大的步骤进行的
第一、网站设计
第二、网站切图+div+css+功能美化
第三、网站程序制作
第四、后台的调用
6. 前端工程师，请问切图是什么意思我会写div﹢css已经比较熟练了，js也、jquery这些也学完
是的，做前端必须必须会切图，但是 切图 就是PS里面的一步操作，十分简单。QQ截图和PS切图是动作不一样，但是基本上是一样的，QQ是截取，而PS里面有个工具张的像 刀 ，拿着这个刀在图上面画，所以叫切图。
选择选中的切片，在点击保存，就这么先切，在选择，在保存，就完成了切图，但是PS切图比qq截图用着爽多了，因为在PS里面可以将图片放大N倍，在切，在小的图也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截图用着爽。总体来讲比QQ截图专业吧。
7. Web前端工程师要掌握的切图技能
今天小编要跟大家分享的文章是关于Web前端工程师要掌握的切图技能。相对于程序来说，切图门槛很低，只要有一些ps基础，摸索个五分钟基本也就了解各大概。但是就跟其他的所有技能一样，切图也是有很多技巧性和经验在里面的，这些东西可以让你的切图工作更有效率，更有目的性。
本文将某大师切图几年的心得进行整理归纳一下，希望可以帮到各位前端们，纯实操干货，必看。
说明：笔者用photoshopcs5做示例，不同版本功能会有稍许差异。
第一部分：一些快捷键
相对于设计和绘画，切图用到的ps并不多，以下我总结一些在切图中比较常用的快捷键，这些快捷键能答复的提高你的工作效率，并且看起来很酷。自由的控制视图系列
§自由的浏览图片：按住空格后，鼠标拖动
§自由的缩放图片：按住alt+滚轮
§切换到实际像素(100%)：Ctrl+1
§工作区类型切换：Tab
控制内容系列
§通过画面上点选一个图层：Alt+鼠标右键
§在画面上拖动一个图层：V切换到移动模式鼠标拖动
§复制拖动一个图层：移动模式下Alt+拖动
§删除一个图层：选中要删除的图层按下Delete
§合并多个图层：选中要合并的图层按下Ctrl+E
§选区内填充颜色：Alt+Delete(前景色)Ctrl+Delete(背景色)
§缩放当前选择图层：Ctrl+T(自由变换模式)
实用工具系列
§画一个选区：点击M进入选区模式，鼠标拖画
§放弃选区：Ctrl+D
§吸管工具：点击I进入吸管模式，点选画面颜色
§文字工具：点击T进入文字模式，点选画面的文字或者创建新文本
§切片工具：点击C进入切片模式(旧版本会有不同)
第二部分：一些实用技巧注意PS所处的状态
photoshop开启一个文件，软件本身就处于不同的状态之中，总结下来有这样几种工具状态--
代表当前是出于移动模式，选区模式，切片模式或者是吸管模式等等，工具状态代表你当前对文档操作的类型。
有一些特殊的状态下，要求你必须做出选择，这时候状态的切换会暂停。比如，文字输入模式和自由缩放模式下，你必须先对当前所做修改做出确认，才可以进行下面的操作。这种情况的特点是状态栏会出现如下选择，如需快速放弃修改可点击ESC
图层状态--代表你当前操作的对象，有一些对象只接受特殊类型的操作。
比如一些填充和绘制的功能无法在文字图层进行，图层组不能进行操作。总之，你在进行涂层修改操作的时候，一定要注意当前操作的对象，否则容易造成误操作和操作不能
色彩索引模式--这是一个常见错误，通过导出web格式图片出来的png会自动换成索引模式，如果要继续修改需要把索引模式转成RGB模式
操作图层如果不是设计者自己来切图，那么切图者需要从图层里来体会设计者的意图。如何分组，层次间的关系都体会了设计者对页面结构个人的理解。所以对一个设计稿来说，第一步是粗看图层，理解设计意图，其次是根据自己的理解对图层进行新的操作和转换。以下是关于图层操作的一些经验：
§关闭图层可见性--关闭图层可见性非常常用，因为有些页面元素是交织在一起的，你通常需要关闭其中某项先切一部分，再切一部分。
§合并图层--设计师载入第三方的元素这类的作法，会让页面某些小部件的图层结构异常复杂，这时候将整个组合并Ctrl+E不失为一个好办法
§
合并图层的时候需要注意的是图层效果会跟随合并，这一方面会带来不好修改的问题，所以合并完了通常Ctrl+Alt+Z还原,另一方面在某些时候还是很有用的，但个图层的效果跟空图层合并也会起到图层栅格化的效果(文字图层也可以跟空图层合并)。
§复制图层--有些时候一些sprite效果可以直接通过复制图层在原稿上列出来，再通过切片工具出图
§图层盖章--在一些图层特别复杂的页面，有时需要用到图层盖章工具，选中最顶层的图层，点击Ctrl+Alt+Shift+E
可以把以下的所有图层盖到一个新的图层上。这个操作的好处是可以在不影响图层本身的情况下，合并图层。
生成图片1)图片格式--
图片格式的原则简单来说是架构复杂，色彩众多的图片jpg优先，色彩简单，需求透明的png优先。png24在IE6下不兼容。
2)切片工具--
切片工具是ps为切图提供的强大的批量的工具，所以一定要尽可能的使用它。使用切片之前先采用上述的方法对图层进行处理，然后按需划取需要的切片区域，使用切片工具的时候有如下几个小技巧：
§切片选项--
划取完分区以后，要对切片进行一些设定是很重要的，切片工具下Alt+点击切片，会弹出如下窗口。首先，可以检查切片的尺寸和位置，尤其是尺寸，比如你要切的按钮定宽高，这里的检查和设置就至关重要。其次，在这里直接命名，可以省去出图以后重命名的时间。
§切片储存--切片在储存的时候，可以点选每个切片对其设定不同的图片格式，保存的时候可以选择保存选择的切片而不是全部。
3)全新图片--很多时候，切片难以直接使用，图片需要进行二次处理。这时候我认为有以下几点需要注意：
§千万不要对jpg进行二次处理：jpg就算质量100%也是有损格式，二次处理的jpg会有肉眼可见的质量损失，所以要采用png的各种作为中转。
§
注意图片尺寸：有些版本的ps在拖拽进文档的时候会默认尺寸适应，这会导致图片尺寸在你不知情的情况下发生改变。解决的办法可以是优先创建尺寸正确的图片，或者以源文档图层的形式拖拽进新文档。
§缩放：任何格式的图片缩放都会产生质量损失，尽可能采用矢量图缩放，或者在源文件的路径里缩放再拖拽。
4)新图片处理--新图片的处理有以下几个常用的技巧：
§图像裁切和显示全部：图片小于画布或者图片大于画布的情况下使用裁切和显示全部命令，可以保证图片的精确性。命令位于图像(I)->
裁切/显示全部
§活动选区，复制，粘贴：这三个命令配合使用可以实现很多转换。比如一个渐变按钮的缩短扩大。
结语
本来是想写一个切图的十分钟入门教程，发现写着写着有点跑题，越来越细致。本文是我自己切图的心得，而切图技巧也因人而异，也需要各位自己去发现总结自己的技巧。另外一方面，我想切图的重点也许并不在其本身，而在切图者知道要怎么切，熟悉web页面构建的原理，同时根据自己的需要切出不同的效果。
以上就是小编今天为大家分享的关于Web前端工程师要掌握的切图技能的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识记得关注北大青鸟web培训官网。
8. UI中的“切图”是什么意思为什么要切图
切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。但因为开发经常需要不同平台不同尺寸的切图，如果全部由UI来做，不仅费时费力，可能还会因为细微的差距造成开发不能很好的还原设计稿。
所以可以用摹客之类的专业工具来自动切图。UI把Sketch、Adobe XD、PS的设计稿进行切图标记，上传至摹客后，开发就可以自主下载不同平台不同尺寸的切图和使用了。
(8)切图前端扩展阅读：
切图用于完成html+css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工具 把自己所需的切成一张张小图，然后前端开发用DIV+CSS完成静态页面书写，完成CSS布局。
切图大家都有个误区，觉得切图就是把图片切出来，其实并不完全是这样，首先处理的是什么类型的页面图片型（EDM 或活动着陆页等）、图文型（门户网站或电商网站等）、界面型（Web App 等），把图片切出来这个过程是叫切片。
9. web前端 切图
正常来说，挺大，但也分公司
现在的公司有的分专做css与js的。
楼主也可以考虑javascript工程师
10. Photoshop中的哪些知识点是用来前端切图的
1).基本信息：
以图层为主要的编辑对象，通过不同层细节的编辑，使整体效果更为绚丽或多变。
以工具为主要的编辑手段，通过多个工具的结合，满足大部分编辑要求。
通过滤镜的组合，呈现很多不错的效果，达到平民人士也能参与互联网炒作的大军中不能自拨，在当下PS已经由有一个名词转为一个动词了。
对前端来说切图时注意：优化切图流程，提升切图效率，增加岗位竞争优势
具体经验分享：修改PS的快捷键，使其符合前端操作的习惯，侧面提升工作效率。从而扩展，可以修改其它软件的快捷键，整体提升工作效率，增加就业资本或信心。
图片格式那些事儿
一般新手不太注意页面的性能问题，而性能容易出现在图片上面，如何在一个大页面中处理好图片是一个前端必备的技能之一。
一般应用比较多的格式有：gif,png-8,png-24,jpg。而新手经常混淆png-8,png-24的区别。
按我经验4k以下gif,png-8差别不大，4k-100k: png-8,gif占优势，大于100k果断是jpg。
png-8不支持alpha透明，在IE6下需要一个JS或透明滤镜来处理。
图片格式与设计那点事儿
Web性能优化：图片优化
2). 提高切图效率思路之扩展：
从客观上来讲，提高效率的基础在于丰富的实战经验或长年的填坑经历，本质上软件的操作差别不是特别大。一个五年经验或一年经验的开发人员，使用同样的工具，主要差别还是一个熟练度。这里只分享我个人积累的一些经验：
在上一点提到的修改快捷键，分享一下我修改的几个快捷键（修改这个快捷键，有个缺点，换台电脑可能就不能使用，除非能够熟悉的记得两套快捷键，即修改过的，或原始的）：
新建图层: F1
使用频率比较强，所以放在一个容易的地方。
新建文件：F2
仅次于新建文件，也是使用使用频率比较高的一个键。由于切图是会从原始图层上多次的分离图层，所以这个快捷捷由原来的按两键，变为一键。并且有效的分离左右手操作的特点，尽量让使用频率高的键从左侧起步。以下的几个快捷键，都是按照这个思路来进行优化或设置的。
按屏幕大小：F3
按画布大小：F4
这两个键操作思路主要借鉴于CorelDraw，CorelDraw是一款优秀的平面广告设计软件，多用于名片，包装设计。这是由加拿大Corel产品，他们公司另外一个比较着名的绘画类软件是Painter。
存储为web格式：F5
由原来的5键优化为一键，还有一个流程是通过Ctrl+Shift+S来存储图片，很明显这个流程步骤过于繁多，很浪费时间。有兴趣的可以做一个对比。
裁剪命令：F6
由原来的3键优化为一键，另外一个是裁剪工具(C)，裁剪工具对整个画面的破坏力比较大，且不易控制，尤其在PS的版本升级中对这个工具进行了优化。而这个命令相对更为轻量或方便。
F7,F8,F9保持不变
转换为RGB模式：ctrl+=
因为Gif是索引模式，颜色信息较少，如果要进行编辑，首先得转换成RGB模式。
从图层建立组：ctrl+,
由于刚入行的设计师没有经验，一个设计稿是没有分图层组。其实合理的图层组可以有效的引导前端，所以这个快捷键主要是解决这个问题。
自由变换：F10
变换内容
前端主要还是对现有的PSD文件进行编辑，所以这两个键是可以单独拿出来的。
变换选区：F11
变换边框
画笔：F12
因为前端不像设计师，对PSD只是一个切割，而设计师注重于创造的过程。所以对画笔工具的依赖不是很大，由原来的F5移动到F12。
复制图层 Ctrl+ / 原有位置在菜单栏：图层->复制图层
这个快捷键，可以快速的把原始PSD中的一个或多个图层复制到一个新文件当中。
演示：
3). 切图的几个办法：
切片(k):
优点：能够一次切除多个图片。
缺点：需要后退一步，降低效率，容易产生多余无用图片
选区(先用选区工具来画一个范围，然后裁剪):
优点：区域精确目标单一
缺点：需要后退一步，容易误操作
拷贝(Ctrl+C):
优点：拷贝单层的内容到新文件，能够快速的切除图片。
缺点：不容易找到相应的图层。
合并拷贝(Ctrl+Shift+C):
优点：拷贝所有可见层的内容到新文件，能够快速的切除图片。
缺点：不容易找到相应的图层。