当前位置：主页>印前工艺>软件>文章内容

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

[ 来源：蓝色理想 | 作者： | 时间：2007-04-22 | 收藏本文 ] 【大中小】

一般保存透明的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,s3s1=select1.values2=select2.values3=select3.valuedocument.ex.src="http://www.dp918.com/Files/BeyondPic/2006-7/4/067409500080096.gif"co.style.backgroundColor=s3}</script><div id="co" style="background-color:#ffffff;border:2px solid #cccccc;padding:5px"><img src="http://www.dp918.com/Files/BeyondPic/2006-7/4/06740950006218.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 全部选择提示：你可先修改部分代码，再按运行]

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

本文关键字：透明保存 value option /option 网页杂边

【推荐给朋友打印本文关闭窗口返回顶部】

您的评论

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

当前位置：主页>印前工艺>软件>文章内容

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

本文关键字：透明保存 value option /option 网页杂边

>> 相关资讯：

最新五条评论

查看全部评论 去印刷者论坛讨论

您的评论

内容搜索

推荐文章

热点资讯

当前位置：主页>印前工艺>软件>文章内容

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

本文关键字：透明 保存 value option /option 网页 杂边

>> 相关资讯：

最新五条评论

查看全部评论 去印刷者论坛讨论

您的评论

内容搜索

推荐文章

热点资讯

本文关键字：透明保存 value option /option 网页杂边

查看全部评论去印刷者论坛讨论