做网页切图，同一张商品图导出 PNG 是 210KB，导出 JPG 只要 38KB，可放大看文字边缘，JPG 已经糊出一圈毛边。
压缩方式决定了用途
png和jpg有什么区别，核心就在压缩。PNG 是无损压缩，存什么就是什么，支持透明背景；JPG 是有损压缩，靠丢掉人眼不敏感的颜色细节来减小体积，不支持透明。
所以截图、图标、带文字的图、需要透明底的 logo，选 PNG。照片、渐变多的海报、网页大图，选 JPG，体积能小好几倍，加载也快。
PNG 也分几种，带透明和半透明的图要用 PNG-24，纯色图标用 PNG-8 体积更小。存错了模式，边缘会出现白边或者锯齿。
反复编辑和透明底是两个硬指标
JPG 每保存一次都会再压一次，改五六版之后画质明显下降，边缘出现方块。需要反复改的稿子，先用 PNG 或分层源文件，改完再导出 JPG。
微信、QQ 发图默认还会再压一道，原图勾选不勾选，画质差得很明显。给客户看设计稿，最好发文件而不是直接拖进聊天框。
另外 JPG 没有透明通道，抠好的图存成 JPG，透明部分会变成白底。要放到彩色背景上，这个白边很显眼，返工成本比一开始选 PNG 高得多。
需要同时满足照片和透明，可以用 WebP，体积小、支持透明，但老版本软件和部分系统不一定认，导出前先确认对方能不能打开。
体积和清晰度怎么平衡
网页用 JPG 时，质量拉到 80 左右通常够看，再往上体积涨得快、肉眼差别不大。PNG 可以用工具压一遍，去掉没用的元数据，体积能降两三成。
截图存 JPG 是最常见的错误，文字边缘会发虚，表格线还会出现彩色杂点。截图一律用 PNG，哪怕体积大一点。
透明渐变特别容易翻车，PNG 支持半透明，JPG 会把半透明区域压成白底或黑底。做阴影、光晕时先想好最终格式。
印刷又是另一套逻辑。PNG 和 JPG 多是 RGB，直接拿去印刷颜色会偏，正式物料一般用 CMYK 的 TIFF 或 PDF，别拿网页图凑数。
拿不准就记住：要透明、要清晰文字用 PNG，要小体积的照片用 JPG。png和jpg有什么区别这个问题，落到操作就这两条。