图像格式:WebP、PNG、JPG 与 SVG 全面对比
选择错误的图像格式会导致页面加载缓慢或图形模糊。以下是现代网络格式在压缩、透明度和清晰度方面的对比。
以隐私保护为设计核心
文件通过 WebAssembly 和 HTML5 API 在您的浏览器中进行本地处理。它们绝不会离开您的设备,因此不会上传到服务器,也不会存储在第三方服务中。
拒绝排队,绝不限速
在您的设备上立即开始转换 - 无需等待上传,无需排队下载,也不受远程服务器限速。
免费且无限使用
无需注册账号或购买套餐,也不会受到人为设置的文件大小限制,即可使用所有可用工具。只要您的浏览器和设备能够处理,您可以随时进行转换。
格式比较与技术规格
| 输出格式 | MIME 类型 | 规格 | 类型 |
|---|---|---|---|
| PNG 文档 | image/png | W3C-PNG | 高分辨率扫描 PNG |
| JPG 文档 | image/jpeg | ITU-T-T81-JPEG | 扫描文档 JPEG |
| WebP 动画 | image/webp | RFC-6386-VP8 | 高效动画 |
| SVG CAD SVG 导出 | image/svg+xml | W3C-SVG | CAD 矢量渲染 |
| 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 位图 |
| PDF 文档 | application/pdf | ISO-32000-2 | 便携式文档格式 |
技术规格与编解码器解析
快速格式决策规则
现代网站请使用 WebP 或 AVIF(比 JPEG 小 30% 且支持透明度)。照片类图像可使用 JPG,此时微小且难以察觉的压缩伪影无关紧要。截图、UI 图形以及需要像素级清晰文本的插图请使用 PNG。需要无限缩放的徽标和图标请使用 SVG。
光栅图与矢量图:为什么 SVG 永不模糊
光栅图(JPG、PNG、WebP)由固定颜色像素组成的网格构成,过度放大会导致模糊或像素化。SVG 则以数学方式描述线条、曲线和颜色,因此图标和插图在手机屏幕到 8K 显示器等各种设备上都能保持清晰,文件体积也很小。
误区:"更高的 DPI 意味着更好的网页图像质量"
DPI(每英寸点数)纯粹是物理打印指令,网页浏览器会完全忽略它。在手机和电脑显示器上,图像的清晰度完全由像素尺寸(例如 1920x1080)和显示密度决定,而与嵌入的 DPI 元数据无关。
Alpha 透明度:PNG 与 WebP
传统 JPG 完全不支持透明度,因此透明背景会变成纯白色或纯黑色。PNG 带来了清晰的 8 位 Alpha 透明度;现在 WebP 也能提供同等的透明度质量,文件体积最多可缩小 40%。
实用信息
上传至外部服务器的数据为 0 字节。所有处理均在您的浏览器沙箱中本地完成。