如何去掉photoshop导出网页html时候的分隔符,ps切片分隔符怎么去掉？ps切片有分隔符的解决办法...

网页中使用的图片一般比较小，方便加载，当图片尺寸大，质量高时就需要用到切片工具对图片进行分割、优化等，使得图片在网页中更好应用。但是实际应用中，往往因为分隔符的问题，使得图片出现排版错乱、空隙等问题。这篇经验分享一点切片方面的心得。希望可以帮助到有需要的朋友。

1、启动PS软件，并打开需要切片的图片

分隔符其实是因为没有切好才会产生的，有一些细小的像素，比如1PX ，肉眼看不出来。所以接下来会用到一个PS自带的神器，让大家切片更容易，并且不会产生分隔符。

2、 CTRL+R打开标尺，有标尺的可以忽略

打开标尺可以帮助我们更好的建立参考线，前面说到的神器就是参考线工具了。点击上方的标尺可以拉出水平参考线，点击左侧的标尺可以拉出垂直参考线。参考线还可以用选择工具(V) 进行移动调整。

3、建立好参考线工具之后，选择切片工具，点击基于参考线切片。这个神奇的按钮一点，你会发现自动建立了很多切片。如果参考线建立的切片很完整了，你可以直接保存，但是一般情况都需要稍微调整

4、选择切片选择工具，选中你需要组合的切片，右键组合切片。合并好需要组合的切片，还可以删掉不需要的切片，经过调整之后，得到最终的切片。

5、切好之后就可以保存了，选择存储为 WEB格式，在弹出的窗口进行图片设置。一般网页使用gif格式或者jpg格式即可。质量选择中等就可以了。如果需要给切片命名，可以在存储选项中选择切片，然后进行命名。

6、存储之后，我们在文件夹打开切好的图片，你会发现完全没有分隔符哦。接下来就可以挑选需要的图片应用到网页中了，再也不用因为烦人的分隔符慢慢调整了。

注意事项：

参考线一定要建立好，有一个小技巧看切片是否完整，就是看切片的序号，比如你发现5之后没看见6就到7了，那肯定是有一个6的切片很小你没有发现，那就可能会产生分隔符了。最好要建立精确的参考线。

如何去掉photoshop导出网页html时候的分隔符,ps切片分隔符怎么去掉？ps切片有分隔符的解决办法...相关推荐

blender关于怎么导出上完色的FBX格式模型、以及导出后再导入，材质预览和渲染模式下材质透明度混乱的解决办法。
1,怎么导出. 选中模型在做完模型后,像我这种开了一堆集合的,先把要导出的显示出来,并且框选选中出自己需要导出的部分. 导出设置这里如果要导出材质,就得选复制. 之后就会导出一个fbx模型,以及一 ...
华为荣耀服务器浏览网页卡,华为荣耀6PLUS手机信号很好但是网速很慢的解决办法...
理论网速4g>3g>2g. 所以,首先观察下手机当前是在什么网络下.其次,各运营商网速也有差异的.另外,手机上网跟当时手机所在环境有很大的关系.所以请在同一网络制式下,同一地点下进行对比. ...
phpMyAdmin将数据表中数据导出为csv文件，用微软excel打开时，中文乱码的原因以及解决办法
中文乱码的原因:用户使用phpMyAdmin可以将数据表中数据导出为csv文件,而使用Excel工具打开该文件时,可能出现中文乱码的情况.这是因为phpMyAdmin导出的csv文件使用了UTF-8编 ...
window10 戴尔电脑浏览照片、视频缩小放大操作，浏览网页等出现屏闪，但显示桌面，其它应用正常的情况解决办法
原因:英特尔集成显卡驱动适配兼容性问题. 尝试过的操作:电脑本来用着好好的,突然网页浏览视频时,点击操作时,屏幕时不时出现频闪,上网查阅资料,说是关闭设置里的硬件加速可解决,于是手动关闭了谷歌,edg ...
网页打不开（403 Forbidden）但是搜索界面可以看到预览解决办法
前言今天在网上搜歌谱的时候,发现搜索界面可以看到预览,但是一打开就显示403 Forbidden提示,后来发现可以用快照的方式预览,于是将网页内容保存为word就可以啦. 过程我想找一首歌的吉他谱 ...
html png图片不显示,IE打开网页时部分图片无法显示（PNG图片显示为叉叉）的解决办法...
解决方法1: 开始-运行,在运行输入框中输入以下内容后点击"确定": regsvr32 c:\windows\system32\pngfilt.dll 说明:如果弹出对话框提示: ...
使用Photoshop制作网页模板
用图层组管理网页元素首先是在Photoshop中制作好网页的框架.网页中的元素有很多, 像Banner条.文本框.文字.版权.Logo.广告等.尽量把这些相对独立的元素放在不同的图层中,这样方便以后 ...
Photoshop制作网页模板
Photoshop制作网页模板 2007年08月18日星期六 21:30 用图层组管理网页元素首先是在Photoshop中制作好网页的框架.网页中的元素有很多,像Banner条.文本框.文字.版权 ...
ps在html中的应用程序,Photoshop在网页设计中的应用
[关键词] Photoshop:网页:实例:布局 [中图分类号] G623.9 [文献标识码] C [文章编号] 1004―0463(2016)23―0120―01 随着信息技术的发展,网页制作成为时 ...

如何去掉photoshop导出网页html时候的分隔符,ps切片分隔符怎么去掉？ps切片有分隔符的解决办法...

如何去掉photoshop导出网页html时候的分隔符,ps切片分隔符怎么去掉？ps切片有分隔符的解决办法...相关推荐

最新文章

热门文章