使用GIF作为网站上所有图像和图片的格式是否有任何缺点?

时间:2009-12-10 11:18:52

标签: image png jpeg gif

我注意到当我将菜单背景图像从jpg保存到gif时,gif几乎占了jpg的四分之一。

jpg = 25kb gif = 7kb

使用gif有什么缺点吗?

它的GIF 256色BTW。不交错。不透明。

只是想确定一下!

由于

8 个答案:

答案 0 :(得分:8)

如果你没有将它用于隔行扫描和透明度,唯一真正的好处就是压缩文件大小。

但是,您可能希望使用 PNG 格式。您可以找到三种文件类型的概述here(萨里大学)

在过去的5年中,PNG已逐步采用Web图像标准,开发人员和设计人员始终知道它更好地处理了压缩,但并未得到所有浏览器的完全支持 - 导致它被忽略,直到所述浏览器为止升级。

如今,PNG几乎是现代网站上最常用的图像文件格式。

答案 1 :(得分:5)

只要图形看起来不错,就没有任何缺点。

对于菜单和线条图 - 一般来说,任何具有大均匀区域的法师,即许多相邻的具有相同颜色的像素 - ,GIF (或PNG,请注意下面的音乐大脑评论)< / strong>通常是最佳选择,因为它压缩得更强,结果看起来更好(特别是因为边缘更锐利)。

对于像照片这样的异构图像,GIFalmost在尺寸和质量方面总是会损失,而JPEG则是更好的选择。

答案 2 :(得分:2)

GIF它不是专为照相材料设计的,所以JPEG中的大照片效果更好,更小,但可能更适合按钮,分隔线,边框等界面元素。

唯一需要注意的是渐变:即使在小区域和256色,GIF也可能显示出明显的条纹。这通常是非常微妙的,并不是一个大问题,但你可能想检查它,特别是如果你有很多渐变和/或讨厌的条带。

答案 3 :(得分:1)

正如你所说,gif只能处理256种颜色,如果你不需要更多,那么gif将是一个不错的选择。

我会推荐gif over png,因为webbrowsers和pngs中的颜色配置文件存在一些问题。最终可能会出现与css颜色不匹配的png颜色。

答案 4 :(得分:1)

我是Daniel May关于使用PNG格式的说法。

虽然如果您只关心图像尺寸并且没有使用GIF的具体原因,请记住您可以调整JPG文件的质量,将25kb JPG变成7kb JPG!

答案 5 :(得分:1)

有些人提到了PNG格式。值得一提的是有两种不同类型的PNG,8位和24位。两种类型都支持透明像素,但24位变体支持alpha透明度。

一般来说,8位PNGS会略小于它们的GIF等价物。但是,如果大型24位PNG使用alpha透明度,则它们具有相当大的文件大小。

这真的归结为图像的正确格式。有些将以不同的格式压缩/显示更好的格式。我不会尝试使用单一格式,例如GIF用于网站上的所有图像和图片(原始问题),除非图像都与IU相关。

你真的需要了解这些不同格式的工作原理,而不是选择其中一种。关于专业人士和专业人士的文章非常好。这里有gif / jpg / png格式: http://www.websitetemplatedesign.com/oscommerce_tutorials/printer_136.shtml

答案 6 :(得分:0)

据我所知,如果图像质量看起来可以接受,那么请选择您能找到的最小图像格式。您可能会发现使用PNG可以节省更多的尺寸。

答案 7 :(得分:0)

回答你的问题:。在JPEG上使用GIF文件是完全可以接受的。每种格式都有自己的优点和缺点。

您可以在此处阅读相关内容:PNG vs. GIF vs. JPEG vs. SVG - When best to use?