优点
由所需图片拼成的一张 GIF 图片的尺寸会明显小于所有图片拼合前的大小。 单张的 GIF 只有相关的一个色表，而单独分割的每一张 GIF 都有自己的一个色表，这就增加了总体的大小。 因此，单独的一张 JPEG 或者 PNG sprite 在大小上非常可能比把一张图分成多张得来的图片总尺寸小
缺点
一个例子是来自于 WHIT TV 的网站，注意这是一个 1299×15000 像素的 PNG 图片。它也被压缩的很好——实际下载大小只有大概 26K，但是浏览器并不会渲染压缩后的图片数据。当这个图片被下载并被解压缩之后
一种文本格式，显示的是一串文本，而这串文本就是图片本身。
优点
缺点
适用：小图标，例如：Loading 图
用法：一般用在构建中转，打包
用 CSS 调整一张图片大小的时，如果纵横比与图片的宽度不一致，则图片会被压缩或拉伸。
解决方案很简单：使用 CSS 的 object-fit。它的功能和给背景图片设置 background-size: cover 类似。
img {object-fit: cover;}
object-fit 并非百试百灵。一些图片必须在不裁剪或者不调整大小的情况下显示，并且某些平台会强制用户以特定的尺寸裁剪或上传图片。例如，Dribbble 规定上传的缩略图尺寸为 800 x 600 像素。