在构建网站或界面等时，什么时候应该使用特定的图像文件类型?
他们的优点和缺点是什么?
我知道PNG和GIF是无损的，而JPEG是有损的。 但是PNG和GIF的主要区别是什么呢? 为什么我要选择一个而不是另一个呢? 什么是SVG，什么时候应该使用它?
如果你不关心每一个像素，你应该总是使用JPEG，因为它是“最轻”的?
当前回答
GIF只支持256种颜色，不支持真正的透明。你应该使用PNG而不是GIF，因为它提供更好的压缩和功能。PNG非常适合小而简单的图像，如logo、图标等。
JPEG对照片等复杂图像有更好的压缩效果。
其他回答
GIF基于每个图像的256色调色板(至少在其基本的化身)。PNG可以做“真彩色”，即1670万种颜色。无损PNG压缩比无损gif更好。GIF可以做“二进制”透明度(0%不透明度或100%不透明度)。PNG可以处理alpha透明。
总而言之，如果你不需要使用alpha透明图像并且支持IE6，当你需要像素完美的图像来制作矢量插图等时，PNG可能是更好的选择。JPG是无与伦比的照片。
JPEG会有较差的质量在尖锐的边缘等，因此它不适合大多数网络图形。它擅长摄影。
与GIF相比，PNG提供了更好的压缩，更大的调色板和更多的功能，包括透明度。而且它是无损的。
正如@aarjithn所指出的，WebP是用于存储照片的编解码器。
这也是一个存储动画(动画图像序列)的编解码器。截至2020年，大多数主流浏览器都有开箱即用的支持(兼容性表)。 注意WIC有一个插件可用。
它比GIF有优势，因为它基于视频编解码器VP8，比GIF有更广泛的颜色范围，GIF限制为256种颜色，它将其扩展到224 = 16777216种颜色，仍然节省大量的空间。
主要的区别是GIF是专利，并且得到了更广泛的支持。PNG是一个开放的规范，在IE6中不支持alpha透明度。IE7中的支持得到了改进，但并没有完全修复。
就文件大小而言，GIF有一个较小的默认颜色托盘，所以乍一看它们往往是较小的文件大小。PNG文件有一个更大的默认托盘，但是你可以缩小他们的颜色托盘，这样当你这样做的时候，他们会导致一个比GIF更小的文件大小。问题又来了，这个特性在Internet Explorer中不受支持。
另外，因为png可以支持alpha透明度，所以如果你想要二进制透明度以外的其他透明度，它们是唯一的选择。
GIF只支持256种颜色，不支持真正的透明。你应该使用PNG而不是GIF，因为它提供更好的压缩和功能。PNG非常适合小而简单的图像，如logo、图标等。
JPEG对照片等复杂图像有更好的压缩效果。
