图片优化术语表

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% 以上的浏览器支持。