用杂边让 GIF 图像更平滑

6 月 4 日, Ray Chow 发表于 小技巧, 74 回应

为了减小图像体积,更多的时候是为了避免 IE6 不支持 PNG 图像的 Alpha 通道,保存透明图像时我经常采用 GIF 格式或者只含索引色的 PNG 格式。虽然网路上有很多使得 IE6 修正对 Alpha 通道支持的方法,但有些方法只能对 PNG 背景有效,有些方法要载入 JS,影响显示速度,所以我更倾向于直接使用 GIF 图片(在此不讨论 IE6 该不该放弃的问题)。

以本站刚刚更换的 Logo 图片为例(现在我又换回来了 :evil: ):

Logo Snapshot

白色的 Logo 实际上是一张 GIF 图像。也许您会疑问,由于不支持 Alpha 通道,原本在 Photoshop 中看起来很平滑的图像保存后会出现锯齿,就像下面这样:

在曲线的地方锯齿就更明显,可以用这个方法弥补:在保存 GIF 时,将杂边选择为与此图片周围背景色相近的颜色。上例中选择的是绿色。

保存索引色 width=

此时,图像边缘会出现刚刚选定的颜色,就可以与背景融合,消除锯齿了。

无觅相关文章插件,快速提升流量

固定链接: http://beamnote.com/2010/gif-smooth.html

订阅本文 RSS 以获取最新动向。

发表评论或者发送 Trackback

74 回应

  1. 呵呵,好久没来了,来看看 :!:

  2. 来现场观看你主题自带的图片效果,不错,哈哈。

  3. 咦,怎么我没有想到呢
    学习了,用 IE6多数是网吧里

  4. 不错 效果明显
    不过还是你现在的logo好看~

  5. GIF木有透明过渡。。 :cry:

发表评论

必填区域以 * 标出

*
*