切图是前端开发必须用到的，可以用蓝湖这类工具来完成，效率比较高。
‘贰’ 网页设计怎么切图
你用什么软件设计的就用什么软件来裁切图，我用的是photoshop进行设计，也是用这个来进行的切图；
切图保存格式最好、最常用的是gif和jpg。色彩要求不多的情况下，比如说小图标，就用gif。如果色彩比较丰富，gif就不够用了，就要保存成jpg。至于png，一般情况下不要用，一个是占用空间大，再是在不同的浏览器下浏览，会出现灰色背景，祝你好运！
‘叁’ photoshop网页切图怎么用
1、首先需要用photoshop把psd源文件打开，看看源文件的整体布局。源文件是分层的，方便切图的层次。
2、切图的工具叫做“切片”，在左侧面板可以看到。右击可以看到“切片工具”和“切片选择工具”按钮。
3、用放大镜将所要切的图片部分放大，可以用参考线确定大小，切图是可以沿参考线切。
4、切换到切片工具，沿参考线划出切片，右击可以看到有可以编辑切片的选项，可以设置切片像素大小。
5、切好后就可以单击菜单栏“文件”，选择“存储为web所用格式”选项。
6、选择要存储的切片，然后右上角可以设置图片的格式、质量大小，设置好以后就可以单击保存了。
7、保存需要保存的切片，选择好路径即可，单击保存即完成。打开保存好的图片，如图。
注意事项
注意保存时最好自己设置路径，settings选项。
‘肆’ 网页美工是怎样进行图片切图的
步骤如下：
1.首先我们需要用到的文件就是psd的文件了，一般都是由设计师来完成的，我们切图也就是切psd文件，因为psd文件是分层的，所以想切哪里切哪里。
2.之后用Photoshop软件打开psd文件，这里小鱼用CC版本演示，其他版本大同小异。我们打开之后可以双击左侧的放大镜工具，将图片缩放到原图大小。
3.我们要切图，当然用到的就是“切片”工具了，可以点击左边的切片工具，也可以右击这个图标选择更多的相关工具。切图都是用切片工具。
4.选择好切片工具之后，想要切哪里就直接拖动鼠标就可以了，然后会出现切线，在切线框内右击还可以弹出菜单。
5.点击菜单的编辑切片选项还可以对切片进行编辑，可以编辑大小等项目。
6.但是如果我们只想要字怎么办，不要底层背景，那么可以用“移动”工具。选择移动工具，在不要的背景上单击，这时候在“图层”面板里面就会选中这个图层。注意勾选上面的“自动选择图层”。
7.把选中的不需要的背景前面的小眼睛去掉，最后只剩我们想要的部分。
8.然后点击左上角菜单栏的“文件”，选择“存储为web所用格式”选项。
9.如果要透明的，那么一般选择png格式，如果要非透明的，那么哪个格式存储的文件小就选择哪个，这样能保证网页加载速度快。然后点击下面的“存储”按钮。
10.然后给图片命名，选择一个保存地址，最后选择“选中的切片”，不然好多没用的图片都会保存下来。
11.最后找到保存好的图片打开，已经是一个我们想要的图片了。
‘伍’ 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了，改一改上下都能照顾到。
‘陆’ 网站如何切图、套程序、上传等。
Photoshop或FireWorks两者能会一个、切图原则：先横切（可以先分成头部、内容、尾部），然后再细分割（需要规划，也需要点经验）；
套程序要看什么程序了，.net、jsp、asp都需要不同的平台。建议初学者使用Dreamweaver，界面简单易懂，上手容易。
网站数据库初学建议使用access，不需要特殊配置，布置简单。
上传网站一般需要空间服务商提供ftp的帐号密码，然后你根据提供的帐号信息上传网站
‘柒’ 在网页设计中如何用PS切图
1、在Photoshop中打开设计稿，如下图：
‘捌’ 网页制作中如何切割图片
其实， 你有点没有理解到.就是其实只要切割之后,导入DREAMWEAVER中，自动就以切片为单位变成表格了.所以，先切再导入,而不是先做表,再切.
如果你先做表,那就只能按照表格,调整图片大小.
这是两种不同方法， 不要混淆.
‘玖’ 网页切图怎么做 网页设计切图
网页切图怎么做，网页设计切图的方法。
如下参考：
1.打开PS，点击切片工具，如下图所示。
‘拾’ 如何把图片切成HTML页面
这是把模板弄成页面啊。我最进就练这个。你把图片分成各个部分，背景、按钮、等。用DW建立表格，把图片放进去。也可以用DIV。慢慢琢磨吧