A. 新手做web后台界面设计，切图应该输出什么格式
一般动态的图片切成gif，
如果是大图作为背景就用jpg，
如果是有透明度的图片，切成png，
如果是一般集合背景，没有特殊要求，jpg，png都可以。
一般切图的时候，先考虑一下，会不会设计到上面的情况，如果很普通一张图，什么格式都无所谓。不用太相信教程，他们可能也是忽悠人的。看自己的需求来就好。
可能我回答的不够全面，以后有新的发现的时候再来补充。希望采纳！
B. 网页如何切图
问题一：网页切图怎么做? 网页设计切图 网页切图怎么做？网页设计切图
制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）
切图的目的就是更加精确的进行网页布局。
photoshop、fireworks等软件都带有切片工具。
问题二：页面设计页面制作 这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。 目前我无法判断你那些图片带链接，所以只能大概的给你讲一下（目前文字部分我先不管），具体我拿第三张来讲给你吧。
首先，把所有要做链接的图层都隐藏掉，剩下的层，就可以用来切图，整知竖宽体背景纤山是蓝色，所以css搞定就行。
其次，背景有一张整体的背景图，这个需要全部单独切下来，图片上面不要带任何其他元素，就只是这张单独的图片就好，布局的时候引用为背景！
然后，剩下的就是主体部分，上面的播放视频和文字我就不讲了，简单，底部的汽车促销图片也切一张大图就好，也简单。
最后，就剩下最难搞的中间部分，大概想了一下，2种方法实现，如下：
1、切成整张大图，需要做链接的地方，画上不规则热区就好了！这种比较简单些。
2、图片什么样，就切成什么样，每张小图都单独切出来（注意：要做成png格式保存，背景设置为透明），然后写html的时候，用css画出等大的不规则图形，吧图片当做背景加进去，然后用css绝对定位一下，如有链接加链接，完美实现！
备注：css画不规则图形，网上可以搜到教程，看一看就差不多，不难！
至于其他几张图，比较简单，简单说一下第二张，第二张的其实如果想简单实现，那就除文字和纯背景色外，整张切，然后有链接的地方加热点就好，想做复杂一点，就可以用到我所说的css画不规则图形，纯色的三个纵横条，不用切，css画出来，添加背景色，然后绝对定位就好，其他的该切多大就切多大，然后用css绝对定位，设置好z-index的关系，就ok了！
之前做过很多这样的网站，这都是经验之谈，完全能实现，要有问题再问我！完全纯手打啊~~
问题三：photoshop网页切图怎么用 1、首先需要用photoshop把psd源文件打开，看看源文件的整体布局。源文件是分层的，方便切图的层次。
2、切图的工具叫做“切片”，在左侧面板可以看到。右击可以看到“切片工具”和“切片选择工具”按钮。
3、用放大镜将所要切的图片部分放大，可以用参考线确定大小，切图是可以沿参考线切。
4、切换到切片工具，沿参考线划出切片，右击可以看到有可以编辑切片的选项，可以设置切片像素大小。
5、切好后就可以单击菜单栏“文件”，选择“存储为web所用格式”选项。
6、选择要存储的切片，然后右上角可以设置图片的格式、质量大小，设置好以后就可以单击保存了。
7、保存需要保存的切片，选择好路径即可，单击保存即完成。打开保存好的图片，如图。
注意事项
注意保存时最好自己设置路径，settings选项。
问题四：怎么用ps做html切图 ，详细！ 10分 先切小片然后写代码 不是一句话两句话能说清楚的
问题五：UI 中网页设计切图怎么切 PxCook，目前我还没用上Mac，所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手，虽然它还附带切图功能，但是比较鸡肋，不推荐用它切图。
切图工具：
Cutterman 一款PS的插件，切图非常方便，但不支持绿色免安装版本PS，而搭亮且对PS版本要求比较高，针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc，然后自行破解。官网上有安装使用教程，自己研究下吧，因为我也是最近才开始接触这款插件。
Part 2 Photoshop
现在常用的几种设计尺寸
1. 640*960 4时代的尺寸，刚接触APP设计用的是这个尺寸，拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧)；
2. 640*1136 5/5S/5C，IPhone更新，咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸)，进入扁平的时代了；
3. 750*1334 6 目前我做设计稿的设计尺寸，IPhone6的尺寸，向下可以适配4，5，向上可以适配6 plus；我记得IP6推出后，我问总监应该用什么尺寸设计，他说用IP6的吧，好适配，切出来就是@2x了，改一改上下都能照顾到。
问题六：网页切图是不是一般只切按钮部分？别的比如背景都用CSS实现？ 一般来说，比如网站logo、网站相关的图片(例如产品图片,不规则的形状图片等)、渐变、特殊字体(宋体、黑体、微软雅黑以外的字体)，几乎都是要切成图片来做的。切成图片又分为2胆，一种通过设置css背景，另外一种是直接标签加路径调用。
其他的全部用css来实现。
问题七：ps如何切图成HTML页面 希望给一个详细流程操作 修改好相应的文字与图象之后，我们就将PSD文件输出(X)HTML文件。
首先得先对PSD文件做切片，有两种方法：
①使用工具栏上的“切片工具”，
然后在图象上划出一块一块的区域。
②使用基于参考线的切片，按ctrl+R调出标尺栏，
把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图
将参考线；排好，然后点一下工具栏上的切片工具图表，然后点上面
选项栏里的“基于参考线的切片”。于是在原来的参考线上就变成了一块一块的切片了。
接下来就可以输出了:
①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。
②接下来就会弹出一个“将优化结果存储为”的窗口，如图
在“保存类型”处有个下拉列框可以选择，因为我们要存储为网页的格式，所以选择“HTML和图象(* html)”，再选择“保存”就可以输出憨个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。
③如果我们需要输出“div+css的网页”我们还可以这么做：
在“设置”处的下拉列框，选择“其他”
就会弹出一个“输出设置”的窗口
在第2个下拉列框处选择“切片”
选择“生成CSS”
单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。
问题八：网页美工是怎样进行图片切图的 步骤如下：
1.首先我们需要用到的文件就是psd的文件了，一般都是由设计师来完成的，我们切图也就是切psd文件，因为psd文件是分层的，所以想切哪里切哪里。
2.之后用Photoshop软件打开psd文件，这里小鱼用CC版本演示，其他版本大同小异。我们打开之后可以双击左侧的放大镜工具，将图片缩放到原图大小。
3.我们要切图，当然用到的就是“切片”工具了，可以点击左边的切片工具，也可以右击这个图标选择更多的相关工具。切图都是用切片工具。
4.选择好切片工具之后，想要切哪里就直接拖动鼠标就可以了，然后会出现切线，在切线框内右击还可以弹出菜单。
5.点击菜单的编辑切片选项还可以对切片进行编辑，可以编辑大小等项目。
6.但是如果我们只想要字怎么办，不要底层背景，那么可以用“移动”工具。选择移动工具，在不要的背景上单击，这时候在“图层”面板里面就会选中这个图层。注意勾选上面的“自动选择图层”。
7.把选中的不需要的背景前面的小眼睛去掉，最后只剩我们想要的部分。
8.然后点击左上角菜单栏的“文件”，选择“存储为web所用格式”选项。
9.如果要透明的，那么一般选择png格式，如果要非透明的，那么哪个格式存储的文件小就选择哪个，这样能保证网页加载速度快。然后点击下面的“存储”按钮。
10.然后给图片命名，选择一个保存地址，最后选择“选中的切片”，不然好多没用的图片都会保存下来。
11.最后找到保存好的图片打开，已经是一个我们想要的图片了。
问题九：如何把图片切成HTML页面 用 ImageReady
其次打开你想做切片的图片
在英文输入法下，在程序界面中按 K 切换到切片工具
在图片上随意进行切片
按CTRL+ALT+SHIFT+S 将优化结果存储为
保存类型下拉框拉下来选择“HTML和图像”
进行保存
或者使用photoshop的 切片工具 操作！
这是教程
wenku./...a
wenku./...6
希望帮到你
问题十：网页切图什么意思，怎么切法 如果你登着QQ
同时按下Ctrl+Alt+A这三个键就可以切图了。
如果没登QQ，系统也有自带的截图功能，就是键盘上的PrtScrSysRq，不过这是全屏截图
然后在开始~所有程序~附件中打开“截图工具”，然后再按下ctrl+print（键盘上的PrtScrSysRq键）即可
切的图可以保存在自己电脑，也可以发给自己的朋友。
谢谢！
C. 能否用通俗语言讲一下web前端讲的“切图”到底是什么意思
简单说就是把一张大图裁成若干张小图
一张完整的web设计图包括了很多元素，Logo、图标、背景图等等
设计师通常给的是Ps的分层设计文件，或者是Ai，当然这样是最好的，当然也有设计师用的素材不是透明分层的，这个时候就需要我们自己抠图了（这又是另外一个话题了，不谈）
这时候就需要把我们需要的Logo、图标、背景图这些一一单图提取出来使用到前端项目中，于是我们用到了Ps或Ai中切图这个功能
D. 网页切图怎么做 网页设计切图
网页切图怎么做，网页设计切图的方法。
如下参考：
1.打开PS，点击切片工具，如下图所示。
E. 网页设计好后的切图是什么意思呢
切图就是把用设计软件设置好的图片切成相应的大小，切图后再把图片上传就可以可以加快显示速度，不用等整个图片都下载以后显示。
PS切图步骤：
1、打开PS，然后点击切片工具。
F. 网页设计中图像切图技巧
网页设计中图像切图技巧
在网页的制作过程中，不时需要将图像进行切图处理。下面是我为大家整理的网页设计中图像切图技巧，欢迎参考~
网页制作技术伴随着网络的快速发展而快速兴起，目前，国内外计算机行业对于网页制作的研究较多，但是由于受到初学者个人风格和操作技巧的影响，在网页制作中普遍存在不同程度的问题。而对图像进行切图处理也是一个存在网页制作中的问题。基于此，本文就网页设计中图像切图技巧进行了探讨，并提出了一些有关的技巧，相信对图像切图的工作能有一定的帮助作用。
1 切图技术
切图就是指在网页制作过程中，用图形图像处理软件提供的切片工具，将美工设计的网页效果图这种大幅图像，分割成为一系列小的图像，这些小图像称为原大幅图像的切片。一张图可以有多种切图方案，但不是所有的切图方案都适合后期的网页制作的。因此需要在众多切图方案中，找出一种适合后期网页编程的最佳切图方案。本文中所说的切图技术，就是指的实现最佳切图方案的切图技术。由于它遵循一些切图原则和技巧，所以它能够实现最佳切图方案。
由于切图时，图像的最小单位是像素，矩形对边上的像素个数应该是相同，或者遇到圆角应该是锐化的。但是在人工操作时，可能会发生像素个数的变化，或者圆角产生顿挫角。因此，在切图时，将原图采用300%以上的放大倍数切图。切完整个大图后，把一系列的切片全部选中，接着利用软件中的图像优化工具，即菜单栏中“窗口”下拉菜单“优化”命令对所有的小切片进行优化来解决以上问题。然后利用文件菜单下的“导出”命令生成HTML网页和图像，最后在网页制作软件DREAMWEAVER中建立站点，将上面导出的网页和小图像都放在网站里。导出的网页文件是不能用的。因为一个网站的页面型兆槐大小要求统一。因此，接下来的工作是在网页制作软件中制作表格。用分块的思想来看整个网页的布局，一个块就是一个表格。把网页看成是多个独立的表格组成的。将导出的图片插入到单元格中。日常工作中常用的图形图像处理软件有Photoshop、Flash、Firework等，这些软件中都有切片工具，但是在网页制作时，图形图像处理软件首选使用Firework。因为DREAMWEAVER中只要对图像双击，系统会自动调用Firework软件。
2 切图原则
一张图可以有多种相关的切图方案，但不是所有的切图方案都是合适网页编程的。所以在切图技术中，应该保证实现的是最佳切图方案，因此切图技术中还涉及了切图的原则和切图的技巧。
2.1 块与切片的概念
在本文中所说的一个块与切片概念是不同的。块和切片都是网页中的一部分，但是块指的范围比切片大。块中可以包含一个或多个切片。块是指在网页上内容相关的'区域范围。切片是从图中相关范围中分割出来的一小图形。如果转换成网页后，块对应了网页中的表格，而切片对应的是表格中的单元格。
2.2 分块的原则一：以相关内容为一块
根据原图中相关内容，确定整体的切分策略，即切分要有分块的思想，把整个网页看成是多个块构成的，每个块就是一个table，块中每一个细节内容就是table中单元格中内容。即将整个网页看成是由多个table组成的，然后在具体到每个table，去考虑里面应该如何切。必须强调的是，应卜友该把整个网页看成是多个独立的块构成，切片是块中的内容。依据这种思想去切图，然后在网页制作软件中，插入多个表格。块对应成了网页中的表格，切片对应成表格中的单元格内容。在切图时，同一块中的内容是完整的，也就是说，要保证完整的一部分在一个块内，例如某区域的标题文字，网页的LOGO，网页的广告，网页的导航区等可以分别是一个独立的块，这样做的目的是方便日后网页编程和修改。
2.3 分块的原则二：尽量分成大行，平行的切
当一个网页的内容比较多时，在显示网页时是有时间差的，这时要求内容的显示是从上而下从左到右逐行显示网页的内容，决不允许一个网页上的内容杂乱的跳出来。因此，在分块时也应该贯穿逐行分块的原则。切图的时候要尽量平行的切，也就是说，分成大行，然后再逐行的切。如果一个网页的显示页面是由多个表格构成的，猜滚这样做的目的是当客户端浏览一个网页时，由于它是由多个表格构成的，因此，客户端与网页服务器会生成多个request请求，多个表格同时下载信息，因此网页下载的速度就会相对快。避免出现把网页整个页面看成一个块，然后块里又分块，出现块中嵌套块。因为这种结构在由切片转换成网页后就出现了表格的嵌套，表格的嵌套影响了客户端网页浏览的速度。
2.4 切片的原则：以属性相同为依据
一般切图原则是：属性相同的区域适合分为一个切片。属性相同主要是指颜色和形状都没有变化，或者在X或在Y方向上没有变化。属性渐变的区域适合分为一个切片，渐变有两种表现形式颜色渐变，形状渐变。
3 切图的技巧
切图也有技巧。构成一张图片的信息量是非常大的，因此在服务器中存储一张图片时占的容量也是很大的，同时从服务器里下载图片到客户端也需要时间也就相当长。因此，在利用切片转换成网页时，可以利用一些技巧，即减少切片个数和减小切片的大小，可以解决以上存在的问题。
3.1 减少切片的个数
网页上的文字与图片信息都是存储在网页服务器上的，一个切片就是一张小的图片。根据显示的点阵原理可以知道，对于同一张大图像来说，切片数减少，存储在网页服务器上这张图的信息量也就减少了，也就是说在网页服务器上占的空间减少。所以当切片的背景是单一颜色，切片的文字没有效果，这时就可以采取这种特殊的处理方式对此切片进行处理。即可以将单一颜色和文字没有效果的切片丢掉，在DREAMWEAVER中打开站点，插入表格，在对应的单元格中，利用DREAMWEAVER软件提供的设置单元格的背景色，直接从键盘上输入文字内容。这种做法实现了切片的效果，同时可以使网页服务上存储的切片数减少了。以“京东商城特卖新”网页页面为例，在实验中保证网页页面效果相同的情况下，采用减少切片个数和未采用减少切片个数方法，可以得到下面表中的数据。从下面表中的数据可以看出两种处理办法造成的结果是：未采用减少切片个数方法时，图片总容量为102MB，而采用减少切片个数方法后，图片总容量为40.3MB，明显前后图片的总容量变化很大，值得提倡这种做法。
3.2 减小切片大小
大面积的颜色相同的，或者形状相同图块，可以只从原图中切出一个像素的切片，然后DREAMWEAVER里面，用切片平铺形成所需要的图。
;G. 网站前端切图是什么意思，主要做什么
我们做网站的时候是要根据程序化来进行实现的，特别是做一个精品网站的时候，首先第一步就是设计网站，网站设计好之后即是切图，切图完就要加入div+css实现效果图，以及flash动画等功能了，切图完成之后才到下一步开发程序，这就是从前端的设计、切图到网站程序开发的一个过程。
网站的好坏，前端很重要，这是我们重视的一部分，前段必须把div+css做好，不能有多余的代码程序在里面，前端要是没有做好，往后的程序很影响seo的推广，这是很多企业做网站的时候忽略掉的问题，我们应该一手抓，俗话说的好，赢在起跑线上，只有系统化的前端div+css，设计，切图功能实现之后才有后面的程序制作，很多网站前端div+css做的乱七八糟的，不说兼容性行不行了，就是网络蜘蛛来获取页面的时候都很排斥的，所以说，切图是一个精品网站必备的，重中之重，不可忽视。
我们经过美工的设计页面，从每一张图片的整合到功能的实现都是切图来做的，切图人员必须具备有细心的品性，要严格要求每一步的到位，否则将会给后面的程序带来麻烦，一个精品网站的建设是要分为四个大的步骤进行的
第一、网站设计
第二、网站切图+div+css+功能美化
第三、网站程序制作
第四、后台的调用
H. web网页界面如何给前端标注，切图
1、开发经常用到的格式： PNG、SVG、JPG、PDF、WebP
2、我们内部团队实用的是蓝湖，一键压缩切图，告别了二次加工，高效。
I. web前端 切图
正常来说，挺大，但也分公司
现在的公司有的分专做css与js的。
楼主也可以考虑javascript工程师
J. 前端如何切图（超详细，超小白）
身为一名前端开发者，$\color{red}{ 切图 } $虽然可以被UI或者蓝湖等工具解决，但是这也是属于前端er的必修课。因此，我也是把切图分享作为我第一篇博客的分享内容。
下面是直接操作的步骤，如何打开psd图等操作应该也不用我废话了。
1.第一步就是找到你需要的图或者icon的图层，并选中它（如果有叠加需要多选就按住ctrl进行多选）。
2.选择上方工具栏，选择 图层—>复制图层，
然后会弹出一个编辑框，重点：文档一定要选择 新建 ,名称可以填写自己需要的，然后点击确定，就会有新的图了。
3.因为画片大小可能不太符合自己的预期，可以选择上方工具栏 图像—>裁切，会自动切成合适的大小。
4.到这一步基本上就已经成功了，最后就是保存了。依然是上方工具栏，左上角，文件--->导出--->存储为web所用格式--->选择四联--->选择PNG-24格式（根据自己需要，我一般使用这个），最后点击 存储 就可以了。