网页设计里的切图怎么做

1、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了，改一改上下都能照顾到。

2、网页设计中效果图是用ps做也来的吗？还有就是他们说的切图是什么意思啊？是做好的效果 图切成一个个小的图

1.不同商品的效果图，用的东西不同，平面图可以用PS，如果说是装修设计效果图，哪就用的是CorelDRAW来做的～～
2.切图：制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）切图的目的就是更加精确的进行网页布局。
photoshop、fireworks等软件都带有切片工具。
第2个回答摘自：http://.baidu.com/question/178081057.html

3、从photoshop制作网站页面到切图，再用Dreamweaver做 生成网站~~~~

现在大家都不会Dw切图了，都用蓝湖切图，效率高，而且不出问题。

4、页面设计页面制作 这种背景的页面怎么切图的啊。。。主要是背景怎么整的。。。

目前我无法判断你那些图片带链接，所以只能大概的给你讲一下（目前文字部分我先不管），具体我拿第三张来讲给你吧。

首先，把所有要做链接的图层都隐藏掉，剩下的层，就可以用来切图，整体背景是蓝色，所以css搞定就行。

其次，背景有一张整体的背景图，这个需要全部单独切下来，图片上面不要带任何其他元素，就只是这张单独的图片就好，布局的时候引用为背景！

然后，剩下的就是主体部分，上面的播放视频和文字我就不讲了，简单，底部的汽车促销图片也切一张大图就好，也简单。

最后，就剩下最难搞的中间部分，大概想了一下，2种方法实现，如下：
1、切成整张大图，需要做链接的地方，画上不规则热区就好了！这种比较简单些。
2、图片什么样，就切成什么样，每张小图都单独切出来（注意：要做成png格式保存，背景设置为透明），然后写html的时候，用css画出等大的不规则图形，吧图片当做背景加进去，然后用css绝对定位一下，如有链接加链接，完美实现！

备注：css画不规则图形，网上可以搜到教程，看一看就差不多，不难！

至于其他几张图，比较简单，简单说一下第二张，第二张的其实如果想简单实现，那就除文字和纯背景色外，整张切，然后有链接的地方加热点就好，想做复杂一点，就可以用到我所说的css画不规则图形，纯色的三个纵横条，不用切，css画出来，添加背景色，然后绝对定位就好，其他的该切多大就切多大，然后用css绝对定位，设置好z-index的关系，就ok了！

之前做过很多这样的网站，这都是经验之谈，完全能实现，要有问题再问我！完全纯手打啊~~

5、谁知道网页设计的切图怎么提高速度？

标签: 网页, 速度, 设计 更快地切好页面 我问的是，怎么提高PS切图的速度？不是网页加载专速度。也不属是什么优化图片。就是想知道其它人切图的方法。可以附带说出你切企业站一个首页的速度（高度是1200px，PS图属于一般，不会复杂那种）。 对楼1的回答：小学生也知道对楼2的回答：不是也可以，而是除非不得已，都要用GIF，常识！！！对楼3的回答：鬼唔知阿妈系女噶。是人都知道做得多自然熟手啦。对楼4的回答：这是一个小方法，这方法在页面简单可以选择，但是对于一些稍微有点复杂的页面时候，这样不经过切图而直接在DW插入图片的话，速度肯定是没切图后来排版速度快的。

6、网页设计切图时，怎样保存图片（图片既清晰所站空间又小）？

用“切片工具”将图片按想要的切好，如图：

然后使用“储存为Web所用格式“，如图：

调整”品质“然后储存！

7、UI设计中的切图是怎么切

UI切图一般都会用到专门的软件，比如我们用的摹客，Sketch、Adobe XD、PS的设计稿都支持，设计师只需在设计稿上进行切图标记，然后用摹客的插件上传到平台，就可以自由下载和使用切图了。以PS的插件为例：
1.安装摹客的PS插件，安装好之后在PS的「窗口>扩展功能」找到摹客插件，选择并打开：
2.标记切图：在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。当图层或编组的名称前增加了“-e-”，「标记切图」变为「取消切图标记」，就可以了。
3.标记切图后，点击插件的上传按钮，开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。
摹客的这些切图和标注等功能都是免费的，可以使用。

8、网页设计怎么切图

你用什么软件设计的就用什么软件来裁切图，我用的是photoshop进行设计，也是用这个来进行的切图；
切图保存格式最好、最常用的是gif和jpg。色彩要求不多的情况下，比如说小图标，就用gif。如果色彩比较丰富，gif就不够用了，就要保存成jpg。至于png，一般情况下不要用，一个是占用空间大，再是在不同的浏览器下浏览，会出现灰色背景，祝你好运！