📚前端面试题速记
Q41

说说 PNG8 / PNG24 / PNG32 的区别?PNG 压缩原理?

速记答案(30 秒)

PNG8:最多 256 色(调色板),体积小。PNG24:真彩色 RGB(8×3bit),无透明。PNG32:PNG24 + 8bit Alpha 通道,支持半透明。压缩:先做滤波(预测+存差值),再用 DEFLATE(LZ77 + Huffman)无损压缩。

📖 详细讲解

标准面试回答(推荐记住)

PNG 有三种主要格式。PNG8 使用调色板,最多 256 种颜色,体积最小,适合图标、简单图形。PNG24 是真彩色,每个像素 24 位 RGB,可以表示上千万种颜色,但不支持透明。PNG32 在 PNG24 基础上加了 8 位 Alpha 通道,支持半透明效果,适合需要透明的 UI 元素。PNG 的压缩原理是先做滤波预处理,预测相邻像素的差值,然后用 DEFLATE 算法(LZ77 加 Huffman 编码)进行无损压缩。

面试要点

  • PNG8 调色板 256 色
  • PNG32 支持半透明
  • DEFLATE 无损压缩