蓝柯的流水账
关于Gif格式透明背景图片的“毛边”问题
关于Gif格式透明背景图片的“毛边”问题

关于Gif格式透明背景图片的“毛边”问题

http://www.iblue.cn/bbs/Announce/Announce.asp?BoardID=11&ID=11164

========================================
mayi_yk 发表于 2004-12-22 12:12:34
为什么我把文字存成GIF格式会有毛边出现呢,很难看呀?我该怎样消除毛刺!!????

为什么我把文字存成GIF格式会有毛边出现呢,很难看呀?我该怎样消除毛刺!!????谢谢蓝柯帮我一下吧!!!

========================================
lanke 发表于 2004-12-22 19:53:09

  为什么会出现这样的问题呢?源于你对Photoshop的一些常用设置还不了解,对Photoshop最基本教程中几种常用图像格式还不熟悉。希望以后看教程、书籍的时候一定要细心啊,另外在Photoshop操作中,也可以自己多试试啊,比如我们网页设计常用的Jpg、Gif文件,保存的时候注意他们弹出了那些对话框;有哪些选项;分别是什么功能等等。
  最基础的东西,就是解决实际问题的知识库。

  那么你这个问题具体出在什么地方了呢?请看下面的讲述。
  比如说,我们需要在一个蓝色背景(或近似蓝色的花纹背景)中插入一个透明Gif图像。

首先,我们Photoshop中做好这个图像。

存储为Gif图像,会出现这么一个选项:

问题就在这里了,这是干什么用的呢?这酒是对透明图片边缘的处理设置,由于象素图的特性,以及Gif图像的性质,透明背景和实际图像的边缘是一个一个象素点构成,而这些象素点不能呈现半透明的情况,而我们Photoshop一般边缘是进行了柔化处理的,实际上边缘的一些象素在Photoshop文件中的确是半透明的那种比较柔和的状态。
而在生成Gif时,这种柔和的半透明区域就面临着透明、不透明的选择。
杂边(指这种柔和边缘的区域)选择为无和杂边选择为蓝色生成的图像在网页中的效果截然不同:

能从我的讲述中看出一点规律了么?或者总结出网页设计时,需要用到Gif透明背景图像的一些常用的处理方法了么?

========================================

希望这个帖子对曾经遇到此类问题的朋友有所启发:)

9条评论

  1. mayi_yk

    [lol]时间好久远啊蓝柯,现在已经是2006年年末了。这个问题我还是不能处理的很好,呵呵,惭愧啊。今天路过。。

  2. lanke

    时间好久远啊蓝柯,现在已经是2006年年末了。这个问题我还是不能处理的很好,呵呵,惭愧啊。今天路过。。

    你好啊,你可以整理自己有困难的一个典型的简单例子发到论坛上,有时间的时候帮你看看,一起解决。

  3. miffy

    就算这样选取杂边选择为蓝色,没有瑕疵.但放在其它颜色的图里.还是有瑕疵啊…..不可以做到生成的透明的gif图.放在有任何底色的图中都没有瑕疵吗????

  4. lanke

    就算这样选取杂边选择为蓝色,没有瑕疵.但放在其它颜色的图里.还是有瑕疵啊…..不可以做到生成的透明的gif图.放在有任何底色的图中都没有瑕疵吗????

    Gif和象素显示的特性,决定了你叙述的情况不大可能。PNG格式刚好弥补了这点,在Flash制作PPT制作等方面,采用PNG透明位图的很多。

  5. lanke

    [quote=111]歇了吧,水平一般不想打击你。。。

    请你看一下DZ论坛的水印文件watermark.gif是怎么做到的。

    失望。。。。[/quote]

    这个帖子,是2004年回答一个网友关于Photoshop相关的一个非常基础的gif问题并没有谈论水印的应用。水平不论多差或者多高,我想都应该尊重最基本的知识。交流不一定非得吹嘘的多深奥,能解决基本问题就好。
    在2010年还在为这个2004年我们讨论的一个最Basic的问题失望,您觉得有意思么?觉得这些内容太Simple了,有时间多养养神喝喝茶吧。

  6. 111

    你别光说不练啊,发个watermark.gif是怎么做到的的贴给我们看一下呗。

    看看你水平有多进阶呗。。。

    anke[2007-03-12 05:16 PM | ]
    引用来自 miffy
    就算这样选取杂边选择为蓝色,没有瑕疵.但放在其它颜色的图里.还是有瑕疵啊…..不可以做到生成的透明的gif图.放在有任何底色的图中都没有瑕疵吗????

    Gif和象素显示的特性,决定了你叙述的情况不大可能。PNG格式刚好弥补了这点,在Flash制作PPT制作等方面,采用PNG透明位图的很多。

    你看楼上,是你自己说的不大可能!

    是你自己说的喔。。。我可没说
    [reply=lanke,2010-02-27 11:25 AM]DZ论坛的水印并没有改变Gif的固有特性,借助程序手段叠加复合生成图片,这种技术不仅PHP的程序有、.net、jsp都有此技术。
    http://www.cnzhanzhang.com/viewthread.php?tid=18657
    这类应用主流的做法仍然是利用png格式的透明背景圆滑边缘的图片,通过程序手段叠加,程序的算法如果OK的话,效果会很不错。

    我这里仅仅说的是Gif本身的特性。
    本身就和PNG不同,在某些条件一下就固有存在“毛边”。
    如DZ论坛的gif格式水印的添加。您看一下http://faq.comsenz.com/userguide/discuz/images/attach/18.gif 实际上仍然是有毛边的。
    在这里我仅仅想说的是需要尊重基础知识,这个和水平高低无关,当然这些如果您不屑一顾也没关系。
    当然啦,就最基本的gif格式如果您有什么好的办法让它做到具有透明特性且在所有情况下都可以无毛边(不借助其他手段),这样的水印,随便插入到网页、PPT、Photoshop等所有应用中中都可以无毛边,还希望您多提点指教。[/reply]

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注