<分区>
我正在尝试为自己创建一个个人主页，以了解有关网页设计(JavaScript、使用 Photo Shop 等)的更多信息。我计划在左侧有一个图形菜单，在顶部有一个横幅，还有一个“照片”部分，我可以在其中显示我拍摄的各种照片。
但是，当我查看其他做类似事情的网站时，我看到有些使用 GIF，有些使用 JPG，有些甚至使用 PNG。这些有什么区别吗？我是否应该为网站上使用的图形图像使用 GIF 而为我的照片使用 JPG？我应该制作所有 PNG 格式吗？
完全重复:
<分区>
我正在尝试为自己创建一个个人主页，以了解有关网页设计(JavaScript、使用 Photo Shop 等)的更多信息。我计划在左侧有一个图形菜单，在顶部有一个横幅，还有一个“照片”部分，我可以在其中显示我拍摄的各种照片。
但是，当我查看其他做类似事情的网站时，我看到有些使用 GIF，有些使用 JPG，有些甚至使用 PNG。这些有什么区别吗？我是否应该为网站上使用的图形图像使用 GIF 而为我的照片使用 JPG？我应该制作所有 PNG 格式吗？
完全重复:
最佳答案
PNG 应在以下情况下使用:
JPEG 应在以下情况下使用:
GIF 应该是:
尽管存在相反的神话，但 PNG 在大多数方面都优于 GIF。除了动画之外，PNG 还支持 GIF 的所有图像模式，并且当使用相同的图像模式时，PNG 由于其优于 LZW 的 DEFLATE 算法，将具有更好的压缩率。 PNG 还具有 GIF 无法做到的其他模式，例如 24 位颜色和 alpha 透明度，但这是您需要注意的地方:如果您忘记转换为调色板模式，您的 PNG 图像可能会以 24 位颜色保存这将占用更多空间。
PNG 模式包括(这只是一小部分)
为了在 PNG 中为网络提供最佳压缩效果，请使用调色板模式。如果您发现 PNG 文件比等效的 GIF 文件大，那么您将以 24 位颜色保存 PNG，以调色板模式保存 GIF(因为 GIF 始终处于调色板模式)。首先尝试转换为调色板模式。
PNG 还具有其他模式，例如具有 alpha 透明度的调色板颜色。此类模式无法在 Photoshop 中创建，但其他应用程序可以创建它们。
Edit 2013:删除了一堆关于 IE6 兼容性的内容。
关于html - 我应该在什么时候使用什么图像类型？ GIF、JPG 还是 PNG？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/610530/