Webpack 压缩图片：base64 编码 vs. HTTP 请求 - 优化策略

Webpack 压缩图片可以采用两种方式：将图片转换为 base64 编码或者进行 http 请求。

1. 将图片转换为 base64 编码：在 Webpack 的配置中，可以使用 url-loader 或者 file-loader 来处理图片文件。url-loader 可以将图片转换为 base64 编码，并将其嵌入到打包后的文件中，以减少 http 请求的数量。这种方式适用于小尺寸的图片，可以减少 http 请求的开销，但会增加打包后文件的大小。

2. 进行 http 请求：如果图片比较大，或者需要在不同页面中复用，可以通过配置 file-loader 或者使用其他插件，将图片文件打包到输出目录，并在页面中通过 http 请求加载图片。这种方式适用于大尺寸的图片，可以减小打包后文件的大小，但会增加 http 请求的数量。

选择使用哪种方式取决于具体的项目需求和优化目标。小尺寸的图片适合转换为 base64 编码，以减少 http 请求，而大尺寸的图片则适合进行 http 请求，以减小打包后文件的大小。