图像格式：WebP、PNG、JPG 与 SVG 全面对比

选择错误的图像格式会导致页面加载缓慢或图形模糊。以下是现代网络格式在压缩、透明度和清晰度方面的对比。

100% 隐私保护

您的文件完全在您的网页浏览器中通过 HTML5 Canvas 和 WebAssembly 进行处理。没有任何数据会离开您的设备。

极速转换

无需等待上传和下载队列。转换在本地以全机硬件速度进行，且没有任何服务器限制。

通用标准

符合官方的 ISO、W3C 和 IETF 规范，保证在现代操作系统上的输出兼容性。

输出格式	MIME 类型	规格	类型
PNG 图像	`image/png`	W3C-PNG	便携式网络图形
JPG JPEG 图像	`image/jpeg`	ITU-T-T81-JPEG	联合图像专家小组格式
WebP 图像	`image/webp`	RFC-6386-VP8	谷歌 WebP 现代图像格式
SVG 矢量图	`image/svg+xml`	W3C-SVG	可缩放矢量图形
HEIC 照片	`image/heic`	ISO-IEC-23008-12-HEIF	高效图像容器
AVIF 图像	`image/avif`	AOMEDIA-AV1-AVIF	AV1 图像文件格式
PSD Photoshop 文档	`image/vnd.adobe.photoshop`	ADOBE-PSD-SPEC	Adobe Photoshop 文档
PSB Photoshop 大型文档	`image/vnd.adobe.photoshop`	ADOBE-PSD-SPEC	Adobe Photoshop 大型格式文档
WMF Windows 图元文件	`image/x-wmf`	MS-WMF-SPEC	Windows 图元文件矢量格式
EMF 增强型图元文件	`image/x-emf`	MS-EMF-SPEC	增强型图元文件矢量格式
JFIF 图像	`image/jpeg`	ITU-T-T81-JPEG	JPEG 文件交换格式
TGA Truevision	`image/x-tga`	TGA-SPEC	Truevision 高级光栅图像
PCX ZSoft	`image/x-pcx`	PCX-SPEC	ZSoft Paintbrush PCX 位图

现代网站请使用 WebP 或 AVIF（比 JPEG 小 30% 且支持透明度）。照片类图像可使用 JPG，此时微小且难以察觉的压缩伪影无关紧要。截图、UI 图形以及需要像素级清晰文本的插图请使用 PNG。需要无限缩放的徽标和图标请使用 SVG。

光栅图（JPG、PNG、WebP）是由固定颜色像素组成的网格 - - 放大过度会导致模糊或像素化。SVG 则纯粹是数学：它存储的是数学线条、曲线和颜色，使图标和插图在从手机屏幕到 8K 显示器的所有设备上都能呈现出极度锐利的渲染效果，同时文件体积微小。

DPI（每英寸点数）纯粹是物理打印指令，网页浏览器会完全忽略它。在手机和电脑显示器上，图像的清晰度完全由像素尺寸（例如 1920x1080）和显示密度决定，而与嵌入的 DPI 元数据无关。

传统的 JPG 完全不支持透明度 - - 透明背景会变成纯白色或纯黑色。PNG 开创了清晰的 8 位 Alpha 透明度，但现在 WebP 能够以最高减小 40% 的文件体积提供相同的透明度质量。

实用信息

上传至外部服务器的数据为 0 字节。所有处理均在您的浏览器沙箱中本地完成。

图像转换器