1、1首先，在ps中打开一张要处理的图片2然后，在左侧的工具栏中点击切片工具3接着，用切片工具把图片分成4份4之后，再依次点击左上角的文件存储为web所用格式5在弹出的窗口中点击存储的按钮6最。

2、然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的请点击输入图片描述 之后在图片上切出想要做网页的部分，小编演示。

3、1将所需的PSD文件打开 2点击打开按钮，选择需要打开的文件 3文件打开以后，选择工具栏的切片工具，根据需要进行图片的分割，选择切片工具，然后在psd页面上拉动选择位置，就可完成一张图的切片 4将切图保存 5选择保存。

4、psd网页切图转换成html，其实psd的切图就是网页前端的初步设计，这时候，网页的形象已经出来了，然后需要做的就是前端人员将psd的切图，参考psd去用html+css等一些语言去完成设计，如网站的背景，就需要css的background来实现。

5、具体的转换步骤是切片工具切图文件储存为web和设备所用格式 点击储存后在格式化一栏选择HTML和图像 搞定~，很简单的LZ只需要了解切图工具的用法就可以了PS图片一般储存为PNG格式一个网页最少需要两次。

6、PS的切片工具适合内容较为简单的页面，页面图片过多，会导致切图后生成的冗余图片过多，不利于网页制作的最基本原则页面文件大小控制静态页面制作的步骤一般是1搭建目录 根据需要建立设计的目录文件夹，如css存放css。

7、下面是PS切图的基本步骤1打开设计图 首先要打开设计师提供的设计图，通常设计图是一个psd文件，其中包含了所有需要切割的元素2选择需要切割的元素 在打开的设计图中，选择需要切割的元素，比如按钮图片文字等3。

8、您好1您需要在PS里将这个PSD格式的文件拼合图层，压平为一张单层图像存储为jpg或gif格式2在PS里是不能直接存储为html格式的，您需要将这个jpg或gif格式拖到 ImageReady 软件里 这个软件一般是和PS捆绑在一起安装。

9、photoshop做网页的切图方法第一步 用PS打开网页效果图PSD文件，根据网页效果图拉出参考线，同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色第二步 在PS图层中找出主背景图层，如果背景图是渐变的话可以。

10、PS切图的应用场景 PS切图适用于网页设计UI界面制作等领域在网页设计中，常常需要将设计图中的元素切割成小图标或图片，以便于在网页中使用在UI界面制作中，也需要将设计图中的元素切割成小图标或图片，以便于在移动端。

11、不是Photoshopexe其次打开你想做切片的图片 在英文输入法下，在程序界面中按 K 切换到切片工具 在图片上随意进行切片 按CTRL+ALT+SHIFT+S 将优化结果存储为 保存类型下拉框拉下来选择“HTML和图像”进行保存。

12、第五步 导出图片可以选择文件存储为web和设备所有格式 第六步 在保存切出图片的时候，选择保存HTML和图片，这样导出来的就会自动生成一个网页页面和切图图片 第五步 在切像尾部版权部分的背景时候，发现这个是渐变。

13、问题四怎么用ps做html切图，详细！10分先切小片然后写代码不是一句话两句话能说清楚的 问题五UI中网页设计切图怎么切PxCook，目前我还没用上Mac，所以也不知道传说中的Sketch到底多神奇PxCook在Windows上标注还比较顺手，虽然它还附。

14、第三种方法也不好，因为你需要看效果图一点点的拼，也就是说写html标签的时候，你在不断的假设这块要怎么去显示正确的做法是1拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css。

15、1如果是个别图片需要插入到网站里，可以在ps里做好后，在div里引用2如果是一整张图，作为一个网站，可以在ps里，用切片工具切成一块块尽可能的规则，需要加链接的地方，则要切成一整块，然后“保存成web所用。

16、1图片切片后，按住CTL+SHIFT+S保存为WEB格式 2文件名任取，格式选择html和图像3images就是存放切片的文件夹，内容不为空。