图片优化术语表
Web 图片优化的核心术语和概念,简明易懂。
A
Alpha Channel
图片格式中的透明层(如 PNG 或 WebP)。允许图片的部分区域半透明或完全透明,对 Logo 和叠加层至关重要。
AVIF
AV1 图片文件格式 — 基于 AV1 视频编解码器的新一代图片格式。在同等质量下比 JPEG 小 40–50%。92% 以上的现代浏览器支持。
B
Batch Conversion
在一次操作中同时处理多张图片。BulkPicConv 支持无限批量转换,使用 Web Worker 进行并行处理。
BMP
位图 — Windows 原生的未压缩光栅图片格式。文件非常大。将 BMP 转换为 WebP 或 AVIF 通常可减少 80–90% 的文件大小。
C
CLS (Cumulative Layout Shift)
衡量视觉稳定性的 Core Web Vitals 指标。没有明确宽高属性的图片是布局偏移的常见原因。解决方法:始终在 <img> 标签上设置宽高。
Compression
减小文件大小的过程。有损压缩移除不可感知的数据以获得更小文件。无损压缩精确保留每个像素但产生更大文件。
Core Web Vitals
Google 衡量真实用户体验的指标集:LCP(加载)、INP(交互性)和 CLS(视觉稳定性)。图片优化直接影响 LCP 和 CLS。
E
EXIF
可交换图片文件格式 — 相机嵌入图片的元数据,包括相机型号、曝光设置、GPS 坐标和方向。BulkPicConv 默认剥离 EXIF 以保护隐私。
G
GIF
图形交换格式 — 支持动画但仅限 256 色。BulkPicConv 将 GIF 转换为 WebP/AVIF/JPEG/PNG 格式的静态首帧。
H
HEIC
高效图片容器 — 自 iOS 11 以来 iPhone 的默认照片格式。基于 HEVC (H.265) 视频编解码器。BulkPicConv 可将 HEIC 转换为 WebP 以实现通用 Web 兼容。
J
JPEG
联合摄影专家组 — Web 上使用最广泛的图片格式。使用有损压缩。适合照片,但在同等质量下通常比 WebP 或 AVIF 大 25–50%。
L
LCP (Largest Contentful Paint)
衡量最大内容元素渲染时间的 Core Web Vitals 指标。主图通常是 LCP 元素 — 用 WebP/AVIF 优化可直接提升 LCP 分数。
Lossless Compression
精确保留每个像素的压缩。PNG 和 WebP 无损是典型例子。最适合截图、图表和需要像素精确的文字图片。
Lossy Compression
移除不可感知的视觉数据以大幅减小文件大小。质量 80–85 的 WebP 和 AVIF 是有损压缩,但视觉上与原始图片几乎无差别。
P
PNG
便携式网络图形 — 支持无损压缩和 Alpha 透明。最适合 Logo、截图和需要像素精确的图片。通常比 WebP 大 2–3 倍。
Q
Quality Setting
控制有损压缩中文件大小与视觉保真度权衡的参数(0–100)。质量 80–85 是照片的行业最佳平衡点。
R
Responsive Images
根据用户屏幕尺寸使用 srcset 和 sizes 属性提供不同尺寸的图片。结合现代格式,可减少 60–80% 的移动端图片流量。
S
srcset
提供多种不同分辨率图片源的 HTML 属性。浏览器根据屏幕尺寸和像素密度选择最佳图片。对响应式图片至关重要。
W
Web Worker
在后台线程中运行 JavaScript 的浏览器 API。BulkPicConv 使用 Web Worker 进行并行批量转换,即使处理数百张图片也不会冻结界面。
WebAssembly (WASM)
一种在浏览器中以接近原生速度运行的二进制指令格式。BulkPicConv 使用 WASM 编译的 libwebp 和 libavif 在您的设备上完全处理图片。
WebP
Google 开发的图片格式。在同等质量下比 JPEG 小 25–35%。支持有损、无损、透明和动画。97% 以上的浏览器支持。