跳到主要内容

设计 · 参考

图片格式:JPG、PNG 与 WebP

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

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

根据图片类型选择格式

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

压缩会改变输出

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

参考资料

相关工具

  • 压缩图片为多张 JPG、PNG 或 WebP 图片比较 JPEG、PNG 压缩候选,在本地查看文件大小、RGB 像素误差,以及原图和输出预览。
  • 调整图片尺寸按宽高或百分比批量调整 JPG、PNG、WebP 图片尺寸,按需保持比例,查看输出像素尺寸并在本地下载结果。
  • 转换图片格式在浏览器本地批量转换 JPG、PNG、WebP 图片,查看输出格式和文件大小变化,然后单独下载或打包为 ZIP。
  • 旋转和翻转图片在浏览器本地批量旋转和翻转图片。
  • 提取图片颜色在浏览器本地生成代表性色板,或用放大镜手动拾取像素颜色。

返回设计参考