透明图片和背景的 PNG、JPG、WebP 与 SVG 格式对比

按图片的用途选择格式:保留透明像素、保持清晰边缘、满足上传限制,或突破固定像素尺寸缩放。参考下方比较和示例,并在目标应用中检查下载结果。

PNG、JPG、WebP 与 SVG:透明度和压缩比较

格式透明度适用场景下载前检查
PNG支持空白画布、清晰图案、文字与纯色。无损格式。质量滑块不会减小 PNG 文件大小。
JPG不支持目标应用要求 JPEG 时使用的不透明背景。有损格式。透明区域会变成背景色,边缘可能出现压缩痕迹。
WebP支持适用于网站或兼容编辑器的紧凑位图。质量设置影响压缩程度,请检查目标应用是否支持 WebP。
SVG支持可缩放的纯色、线性渐变和几何图案。仅生成器支持导出。部分上传服务不接受 SVG,字体效果也可能不同。

生成器可导出以上四种格式。本地文件工具支持静态 PNG、JPEG 和 WebP;压缩工具导出 JPG 或 WebP,尺寸调整和格式转换工具还可导出 PNG。这些工具不转换 SVG 或动画图片。指定文件大小生成器仅输出 PNG。

尝试导出透明 PNG、JPG 渐变和 SVG 图案

透明背景或清晰文字优先选择 PNG

PNG 无损保存渲染后的像素并支持透明度,适合作为空白画布、文字标签、示意图和纯色背景的首选。白色 PNG 包含不透明的白色像素;透明 PNG 则让背后的底层显示出来。棋盘格预览仅说明透明像素,不会绘制进透明下载文件。

降低质量滑块不会让浏览器导出的 PNG 变小:JPEG/WebP 的质量设置不适用于 PNG。若要减少字节,可尝试降低尺寸或选择其他合适格式。纯白 PNG 即使像素很多,也可能已经很小。

比较适合较小背景文件的 JPG 和 WebP

JPG 与 JPEG 是同一种图片格式。其有损压缩可以减少文件大小,但可能在锐利文字或颜色边界周围产生失真。JPEG 不保存透明度。生成器导出 JPG 时会将透明区域填充为白色,本地文件工具则允许选择底色。将 JPEG 转回 PNG 无法恢复已丢失的细节。

这些工具中的 WebP 支持透明度和质量设置,是网页背景的实用选项,但哪种格式最小取决于图片内容、尺寸和浏览器编码器。压缩工具保存 JPG 或 WebP;需要 PNG 时请使用缩放或转换工具。请比较实际字节数和视觉效果,不要假定某种格式始终最佳,并确认接收应用支持该格式。

使用 SVG 保存可缩放的图案和生成形状

图片生成器可以导出 SVG,用矢量描述你创建的形状、颜色和文字,适合需要缩放的简单图形。本地图片转换工具仅接受和导出 PNG、JPEG、WebP,不会将现有照片描摹为矢量,也不打开 SVG 文件。

我们的锥形渐变 SVG 通过 360 个相邻扇区近似绘制色彩环。不同应用的渲染和接缝可能不同,请在目标应用中检查。SVG 文字还取决于目标环境可用的字体。若需固定的文字与边缘效果,请选择位图格式下载。

检查图片尺寸、文件大小和导出限制

1920 × 1080 文件的像素尺寸不会因其 KB 大小而改变。压缩改变存储字节,缩放改变像素网格。指定文件大小生成器向 PNG 添加有效附属数据作为填充,不增加图像细节,也不能将 PNG 缩小到编码大小以下;它不是图片压缩器。

生成器支持单边最多 8192 像素,总计 33,554,432 像素;设备可能需要更小输出。本地文件处理接受不超过 20 MiB 的静态 PNG、JPEG、WebP。浏览器重新编码不能可靠保留原文件元数据,请保留源文件,并在导出后检查方向、颜色、透明度及最终尺寸。本站插图使用 AVIF,但工具不提供 AVIF 导出。