image - 使用 GIF 作为网站上所有图像和图片的格式有什么缺点吗？

Question

当我将菜单背景图像从 jpg 保存到 gif 时，我注意到 gif 的大小几乎是 jpg 的四分之一。

jpg = 25kb gif = 7kb

使用 gif 有什么缺点吗？

顺便说一句，它的 GIF 有 256 种颜色。不隔行扫描。不透明。

只是想确定一下！

谢谢

score 8 · Accepted Answer

如果您不将其用于隔行扫描和透明度，则唯一真正的好处是压缩文件大小。

但是，您可能想考虑使用PNG格式。您可以在此处找到三种文件类型的概述（萨里大学）

在过去的 5 年中，PNG 已逐步纳入 Web 图像标准，开发人员和设计人员一直都知道它可以更好地处理压缩，但并非所有浏览器都完全支持它 - 导致它在上述浏览器升级之前被忽略。

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

score 5 · Accepted Answer

只要图形看起来不错，这没有缺点。

对于菜单和线条图 - 通常，任何具有大同质区域的法师，即许多具有相同颜色的相邻像素 - GIF （或 PNG，请注意下面 musicinmybrain 的评论） 通常是最佳选择，因为它压缩得更强，结果看起来更好（尤其是因为边缘更锋利）。

对于照片等异构图像，GIF 几乎总是在尺寸和质量上有所损失，而 JPEG 是更好的选择。

score 2 · Accepted Answer

GIF 它不是为摄影材料设计的，因此在 JPEG 中大照片会更好更小，但 tt 可能更适合按钮、分隔线、边框等界面元素。

想到的唯一警告是渐变：即使在小区域和 256 色中，GIF 也可能会显示可见的条纹。这通常是非常微妙的，不是一个大问题，但您可能需要检查它，特别是如果您有很多渐变和/或讨厌条带。

score 1 · Accepted Answer

我赞同 Daniel May 所说的使用 PNG 格式的观点。

尽管如果您只关心图像大小并且没有使用 GIF 的特定原因，请记住您可以调整 JPG 文件的质量，将 25kb JPG 转换为 7kb JPG！

score 1 · Accepted Answer

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

我会推荐 gif 而不是 png，因为 webbrowsers 和 png 中的颜色配置文件存在一些问题。您最终可能会得到与 css 颜色不匹配的 png 颜色。

score 1 · Accepted Answer

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

通常 8 位 PNGS 会比它们的 GIF 等价物略小。但是，如果使用 alpha-transparencies，大型 24 位 PNG 的文件大小会非常大。

这实际上都归结为图像的正确格式。有些会比其他格式更好地压缩/显示不同的格式。我不会尝试对网站上的所有图像和图片（原始问题）使用一种单一格式，例如 GIF，除非这些图像都与 IU 相关。

您确实需要了解一下这些不同格式的工作原理，而不是选择其中一种。这里有一篇关于 gif/jpg/png 格式优缺点的非常好的文章： http ://www.websitetemplatedesign.com/oscommerce_tutorials/printer_136.shtml

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

8 回答 8