跳到主要内容

设计 · 参考

图片格式:JPG、PNG 与 WebP

了解常见图片格式的适用场景、保留内容和输出格式选择方式。

继续了解 压缩图片, 调整图片尺寸, 转换图片格式 · 参考

根据图片类型选择格式

JPG 通常适合照片,能够通过有损压缩获得较小文件。PNG 更适合截图、图表以及需要透明背景或清晰边缘的图片。WebP 可以同时为照片和图形提供较小文件,但仍要确认接收方是否支持该格式。

压缩会改变输出

  • 有损压缩会移除部分视觉信息,文字、锐利边缘和重复保存时更容易出现变化。
  • 无损格式会保留像素,但照片文件可能更大。
  • 基于 Canvas 导出可能移除 EXIF 等元数据。需要保留拍摄信息时,应保留原始文件。

参考资料

相关工具

  • 压缩图片为 JPG、PNG、WebP 输入比较 JPEG/PNG 压缩候选,查看文件大小与像素误差指标。
  • 调整图片尺寸在浏览器本地批量调整图片尺寸,并按需保持原始比例。
  • 转换图片格式在浏览器本地将图片转换为 JPG、PNG 或 WebP 格式。
  • 旋转和翻转图片在浏览器本地批量旋转和翻转图片。
  • 提取图片颜色在浏览器本地从图片中提取五个代表性色彩。

返回设计参考