JPG、PNG、GIF、SVG 的适用场景吗？然后 PNG 为什么会有 PNG-8 和 PNG-24？
图片从类型上分，可以分为 位图 和 矢量图，位图就是 JPG、PNG、GIF 等格式，而矢量图就是 SVG 等格式。
我们按压缩划分，可以将图片分为 无损压缩 和 有损压缩 两种。无损压缩能使图片占用的存储空间变小，并且不会损害图片的质量。而有损压缩会对图片质量造成损害，随着压缩次数越来越多，那么图片质量会越来越差。
我们按色彩深度分，可以将图片分为 索引色彩 和 直接色彩 两种。索引色彩下图片仅可以存储有限数量的颜色种类，通常为 256 种（2^8 种）。直接色彩下可以存储成千上万种颜色值，所以相对而言这种模式的图片会色彩更加饱满和艳丽。
JPEG/JPG
JPEG/JPG 格式，是应用最广泛的图片格式之一，采用特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比。
因为 JPEG/JPG 格式的文件尺寸较小，下载速度快，所以是互联网最广泛使用的格式。
JPEG/JPG 适合做相片等，而不适合做 Logo 和线图，因为看起来模糊且比 GIF 占用的文件大。
PNG
PNG 格式，压缩比高于 GIF，支持图像透明，可以利用 Alpha 通道调节图像的透明度。
PNG 分 PNG-8 和 PNG-24。PNG-8 是无损压缩的索引色彩模式；而 PNG-24 则是无损压缩的直接色彩模式。
GIF
GIF 格式，不仅仅支持静止图片，也可以支持动画，并且支持透明背景图像，适用于多种操作系统，体积很小，网上小动画很 多是 GIF 格式。但是色域不太广，只支持 256 种颜色，这意味着颜色种类少。
SVG
SVG 格式，可缩放的矢量图形。与 JPG、PNG、GIF 等位图不同，SVG 可以直接用代码来描绘图像，并通过任意文字处理工具打开 SVG 图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到 HTML 中通过浏览器来观看。
SVG 格式的图片可以任意放大图形显示，并且不会损失图片质量；SVG 格式可编辑和可搜寻；SVG 格式平均来讲，比 JPG 和 GIF 格式文件要小，并且下载也比较快。