首页 > > 网页制作 > photoshop >

保存透明gif时出现锯齿解决法

2008-04-09 04:45:25来源：互联网阅读 ()

一般保存透明的gif图片时，除非图片的不透明区域是规则的矩形（而且没有羽化和阴影，外发光等），直接保存，都会出现锯齿：

这是没阴影的

这是有阴影的

这是photoshop中的透明区域的演示

在保存的时候，有个选项，叫“杂边”的，如果把鼠标放到其上方，会出现说明：“定义颜色以混合透明象素“。在那里设置一下颜色，就可以比较好地解决这个问题，如图：

一般只要把这里的颜色设置成跟网页的背景颜色相同或相近，然后把这个图片放到网页里，就不会察觉到有锯齿。

比如最初那张幅透明gif图片，如果在保存的时候设置”杂边“为#F2F3F7（就是经典论坛发帖子时候的表格的颜色（之一，另外如果是用”我的配色“中的”其他颜色“，算我没说），然后保存，之后贴到这里，就不会有锯齿了，look：

我做了个简单的网页演示，点点看，应该是比较直观的：

运行代码框
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>photoshop保存透明gif图片时候边缘锯齿的解决方法</title> </head> <body style="background-image:url(/articleimg/2004/11/2285/bg.gif)"> <script> function changeimg() { var s1,s2,s3 s1=select1.value s2=select2.value s3=select3.value document.ex.src="/articleimg/2004/11/2285/1/" s2 "_" s1 ".gif" co.style.backgroundColor=s3 }</script> <div id="co" style="background-color:#ffffff;border:2px solid #cccccc;padding:5px"><img src="http://www.my029.com/other/gif/F2F3F7_1.gif" name="ex" width="186" height="172" id="ex"></div> <div style="background-color:#ffffff;border:2px solid #cccccc;padding:5px;margin-top:10px"> <select name="select1" id="select1"> <option value="1" selected>图片无阴影</option> <option value="2">图片有阴影</option> </select>   <select name="select2" id="select2"> <option value="no">无“杂边”</option> <option value="F2F3F7">“杂边”为#F2F3F7</option> <option value="white" selected>“杂边”为白色</option> <option value="black">“杂边”为黑色</option> <option value="cccccc">“杂边”为浅灰色</option> <option value="666666">“杂边”为深灰色</option> <option value="red">“杂边”为红色</option> <option value="blue">“杂边”为蓝色</option> <option value="green">“杂边”为绿色</option> </select>   <select name="select3" id="select3"> <option value="white" selected>网页背景为白色</option> <option value="transparent" >网页背景为透明</option> <option value="#cccccc">网页背景为浅灰</option> <option value="#666666">网页背景为深灰色</option> <option value="#000000">网页背景为黑色</option> <option value="#00ff00">网页背景为绿色</option> <option value="#ff0000">网页背景为红色</option> <option value="#0000ff">网页背景为蓝色</option> </select> <input type="submit" name="Submit" value="查看" onClick="changeimg()">  </div> <div style="background-color:#ffffff;border:2px solid #cccccc;padding:5px;margin-top:10px;font-size:13px;line-height:150%"> 在保存透明gif的时候，要得到比较好的效果，只需要把输出选项里“杂边”一项，设置成图片在网页中显示时其容器的背景颜色（或与之相近）即可,若背景为图片，则与图片主色调相近即可。</div> </body> </html>
[Ctrl A 全部选择提示：你可先修改部分代码，再按运行]

论坛上本贴位置欢迎一起讨论：）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有