张小明
前端开发工程师
先把结论放在前面：压缩有两个正交维度——尺寸压缩（改宽高，线性省内存）与质量压缩（改编码质量，只省文件与流量）。两者解决的痛点不同：尺寸压缩解决内存与渲染开销，质量压缩解决存储与网络。 面试与实践中最容易犯的错，是用质量压缩去解决内存问题——把 JPEG 质量从 100 降到 50，内存占用几乎没变，因为它在解码后仍是同样的像素。
面试里这题属于"细节区分型"。答得浅的是"compress时传一个 quality 参数"；答得深的是能讲清compress返回的是布尔值而非字节数、编码格式与质量的取舍表、inSampleSize与inScaled的区别，以及现代格式（WebP、AVIF）在有损/无损/带 alpha 三种场景下的选择逻辑。
| 维度 | 手段 | 省的是 | 不省的是 |
|---|---|---|---|
| 尺寸压缩 | inSampleSize、createScaledBitmap、inScaled | 内存、渲染开销、GPU 纹理 | 文件大小与流量 |
| 质量压缩 | compress(form |
/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
李华
/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
李华
/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
李华
/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
李华
/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
李华
/* MD / 富文本中的 .toc（含博客园搬家等嵌套结构）；.toc-box 在侧栏，不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p（:empty 仍占 20px），一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …
李华