网页设计规范切图

1、网页设计切图要求是2的倍数吗?

?

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

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

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

调整”品质“然后储存！

3、关于网页制作的，什么是切图，切图要达到什么目的，用什么工具来切

制作网页，很多的时候，首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片，不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材，这个过程就是切图。（当然是用剪切、选择工具也可以，但是用切片工具处理更精确。）

切图的目的就是更加精确的进行网页布局。

photoshop、fireworks等软件都带有切片工具。

4、web网页界面如何给前端标注，切图

公司团队现在用的是摹客idoc，我们把设计稿上传到摹客后，可以自动生成标注，前端可以直接查看，针对大多数工具存在的标注误差的情况，摹客也支持手动进行修改；设计规范等信息，摹客也支持手动标注在设计稿上面。
切图的话，我们是用摹客的PS插件先在设计稿里面标记切图然后上传到idoc，前端小姐姐就可以去直接下载，同时还支持切图压缩和自定义切图尺寸，还是比较方便的推荐使用。

5、网页设计怎么切图

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

6、网页设计中页面的尺寸怎么定?用PS设计的时候有哪些注意事项?才能在切图的时候符合网页布局?

宽度大概在960~1000px; 但是有的时候你需要考虑网页中1000以外的东西怎么延伸和扩展问题。因为目前为止，最小的分辨率是1024的，所以符合最小分辨率的就可以。

7、在网页设计中如何用PS切图

1、在Photoshop中打开设计稿，如下图：

2、选择工具板上的slice切片工具，大面积的色块单独切成一块，尽可能的保持在水平线上的整齐，切好的图如下所示：

3、在PhotoShop中选择file-save for web...来输出，这里要注意一些参数的选择：

4、接下来在Dreamweaver里建立站点：

5、在图示左边的site name中为站点起一个名字，如example然后在下面的local root folder中选择刚才导出的站点的文件夹：

6、重新制作页面表格，通常在photoshop中直接导出的htm文件是不可以直接使用的，因为有些地方在实际运用时要作调整：

7、根据这个页面表格所示，在新的页面中建立一个三行一列的表格，把cellpadding,cellspacing,border三项值设为0，不然会有空隙，最后选择表格，背景添加图片即可。

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