JPG和PNG有什么区别？照片、截图和透明图片这样选
按照片、文字截图和透明图案比较JPG与PNG，解释有损与无损压缩、反复保存、格式转换和文件大小的关系，并给出导出后检查的方法。
保存图片时，JPG和PNG是常见选项。选择哪个，不能只看文件大小，也不能简单认定某一种始终更清晰。先确认图片用来做什么：普通照片、需要看清文字的截图，还是必须保留透明背景的图案，再决定格式和导出设置。
一、先理解压缩方式，再比较效果
日常使用的JPG，也就是常见的JPEG图片，通常采用有损压缩，会舍弃部分图像信息来缩小文件。PNG采用无损压缩，能保留编码前的像素信息。不过，PNG的无损并不等于能把本来模糊的图片变清楚，也不表示它保留了所有编辑图层。Adobe：图片文件格式支持情况
可以把两者理解为保存现有图像的不同方式。如果原图已经存在噪点、模糊或压缩痕迹，选择PNG只是把现有结果保存下来。要改善内容本身，需要另外处理图像，不能只靠改变扩展名解决。
比较格式时，还要让像素尺寸保持相同。例如，一张两千像素宽的图片与一张八百像素宽的图片，即使文件格式相同，也不是同一组条件。先统一尺寸，再观察格式和质量设置造成的差别，判断才更有意义。Adobe：图像尺寸、分辨率和重采样
二、普通照片通常可以考虑JPG
照片里常有大量颜色和明暗变化，JPG是常见的照片保存及传播格式。选择合适的质量参数，通常可以在可接受的视觉效果和文件体积之间取得平衡。参数调得越低，文件可能更小，但细节和边缘也更容易出现明显损失。Adobe：JPEG压缩类型
比如，要把旅游照片放进网页或文档，可先从原图导出一份适合显示尺寸的JPG，再查看人物面部、树叶和天空渐变。若细节变成明显色块，或轮廓周围出现杂边，就提高质量或回到原图重新导出。
不要用文件大小反推照片一定更清晰。相同像素尺寸下，图像内容、压缩参数和保存方式都会影响体积。一张内容简单的照片可能比另一张复杂场景更小，不能只凭大小排序就决定保留哪一张。Adobe：图像文件大小因素
三、文字截图和线条图案要重点看边缘
截图、图表和带有小字的说明图，对笔画和边缘的要求与普通照片不同。JPG压缩可能使文字周围出现杂点或模糊，因此这类内容常可先考虑PNG，再根据实际显示效果和文件限制调整。MDN：图像文件类型与格式指南；Adobe：PNG格式
例如，一张包含表格数字和说明文字的截图，整体缩小观看时，两种格式可能差别不大；把文字区域按实际使用尺寸查看，数字笔画或细线的差异就可能更明显。检查时应盯住读者真正要辨认的部分，而不是只看整张图是否好看。
如果PNG太大，先检查截图是否包含大量无关空白或不必要的区域，再考虑裁切和尺寸调整。不要直接把文字图片压到很小，结果文件满足限制，数字却已经看不清。
四、透明背景要选择支持透明度的格式
PNG可以保存透明区域，适合需要放到不同背景上的图标、标志和抠图素材。普通JPG不能直接保存这样的透明背景；导出时，透明区域会被某种背景颜色填充。原本应该透出页面背景的地方，可能因此变成一块白色或其他颜色的矩形。Adobe：PNG格式；MDN：图像文件类型与格式指南
也要区分真正透明的像素和图片里画出来的棋盘格。有些文件把灰白方格直接当成图案保存，即使扩展名是PNG，也不代表它一定透明。可把图片放到浅色和深色背景上检查，确认背景能否透出来，以及图案边缘是否干净。
不是所有PNG都有透明区域。PNG支持透明度，是格式具备的能力；导出的具体文件是否保留透明，还取决于原图和导出设置。Adobe：PNG格式
五、转换格式不会自动找回丢失的信息
已经压缩成JPG的图片，再转换为PNG，文件体积可能增加，但之前被舍弃的细节不会因为换了格式就回来。同样，白色背景已经与主体合在一起时，另存PNG也不会自动把白色变透明。应回到原始素材或重新处理图像，再选择输出格式。
普通复制一个图片文件，并不会再次进行JPG压缩；在编辑软件里反复修改、重新编码保存，则可能不断累积压缩痕迹。需要多个版本时，保留原图或可编辑文件，每次从这份来源导出，比反复拿上一次的压缩结果继续加工更合适。Adobe：JPEG压缩类型
如果还需要调整文字、图层或排版，工作文件和交付图片应分别保留。PNG能保存透明，不代表它可以代替包含完整图层的设计源文件。Adobe：图片文件格式支持情况
六、导出后用实际用途检查
普通照片重点看细节和体积；截图重点看小字、数字和细线；透明素材则要更换背景检查边缘。需要上传时，再核对平台允许的格式、尺寸和文件大小。预览图看起来正常，不代表最终上传后的显示效果也已经确认。
导出以后，重新打开交付文件，在实际使用位置查看一次，再确认尺寸和格式。即使扩展名相同，不同导出参数也可能得到不同效果。把照片、截图和透明素材分别判断，能更快找到适合当前任务的保存方式。