从解码的来源开始，而不是文件扩展名
视频压缩可能已经包含软化边缘、区块边界、振铃、条带、色度子采样和运动伪影。将解码帧保存为 PNG 可以防止额外的有损静态图像编码，但它无法重建不再存在的信息。
JPG 与有损 WebP 在解码后会在大小与保真度之间进行新的权衡。他们的伪影最容易在小文字、界面边缘、高对比线条、重复纹理和平滑渐变周围注意到。带有杂讯的摄影场景通常比带有 12 像素标签的屏幕录制能承受更多的压缩。
评估预期的显示尺寸。在 400% 缩放下可见的缺陷在 320 像素缩略图中可能无关紧要，而稍微模糊的标题在正常大小下可能会失败，即使文件看起来很小且高效。
使用 PNG 进行无损静态图像编码
PNG 是界面截图、图表、字幕、线条艺术、平面图形、文件编辑参考以及将进行进一步合成的框架的有力选择。它通过无损压缩保留解码的像素值，并避免添加 JPEG 样式的区块或振铃伪影。
权衡是文档大小。照片帧包含纹理和杂讯，PNG 无法像有损照片格式那样有效压缩。即使每个帧看起来相似，大量全分辨率 PNG 文件也会消耗大量磁盘空间和浏览器内存。
PNG 并不会自动成为最高质量的最终交付格式。如果输出是小网页缩略图，则仔细编码的 JPG 或 WebP 在查看尺寸上可能看起来相当，且传输速度更快。当将来的编辑或清晰的合成细节证明重量合理时，请保留 PNG。
使用 JPG 以获得广泛的照片兼容性
JPG 被内容系统、办公室工具、社交平台和图像编辑器广泛接受。它非常适合摄影机镜头、人物、产品、事件和自然纹理。 VideoToImg 的质量设置可让您将紧凑的输出与可见损坏进行比较，而不是依赖一个通用数字。
从摄影框的质量 88 开始，检查脸部、头发、织物、文字和高对比度边界，然后仅在节省尺寸很重要时降低该值。较小的最大宽度有时可以比激进压缩更可预测地减少权重，因为它在编码之前删除像素，同时保留纵横比。
避免重复JPG编辑和保存。每个有损一代都会添加伪影。如果框架需要大量修饰，请导出 PNG 工作副本并在编辑完成后创建最终的 JPG。
当发布路径支持时使用 WebP
WebP 可以为现代网站和应用程序提供高效的有损图像，浏览器通常会对其进行解码。它对于图库、文档、产品预览和其他需要减小传输大小的 Web 交付非常有用。
仍应检查外部浏览器的兼容性。即使浏览器可以创建 WebP，下游编辑器、文档产生器、市场、电子邮件工作流程或较旧的内容系统也可能更喜欢 JPG 或 PNG。选择能够在整个工作流程中（而不仅仅是第一次下载）生存的格式。
比较具有相同解码帧和像素尺寸的 WebP 和 JPG。当一个候选者也根据不同的时间戳调整大小或编码时，文件大小不具有可比性。
进行公平的三种格式测试
- 选择一个包含简单和困难细节的代表性框架：脸部或纹理对象、小文字、锐利边缘和渐层（如果可能）。
- 以相同的像素尺寸导出 PNG、JPG 和 WebP。记录 JPG 和 WebP 质量设置。
- 以预期的显示尺寸查看每张图像，然后以 100% 的比例检查困难区域。不要仅根据放大的浏览器预览来判断。
- 目视检查后比较文件大小。拒绝任何有明显文字损坏、光晕、阻塞、色带或对任务重要的纹理丢失的候选者。
- 在工作流程中的下一个应用程序中打开获胜者。确认上传、编辑、透明度预期、元数据处理和下载命名均按需要运行。
- 如果视频在屏幕图形和摄影镜头之间交替，则重复第二帧；一项设置可能无法代表两种内容类型。
将常见任务与实际默认值相匹配
YouTube 或社交缩略图
从所需尺寸的 JPG 开始。保持足够的人脸、文字和对比度质量，并在发布前验证平台当前的上传要求。
软件错误报告或教学步骤
当界面标签和一像素边界必须保持可读时，请使用 PNG。仅在确认目的地后缩小比例仍能清晰地显示文字。
网站图库或文档
在最终显示宽度下尝试 WebP 和 JPG，然后选择通过视觉和工作流程兼容性检查的较小文件。如果将来可能发生变化，请单独保留编辑母版。
框架数据集或电脑视觉检查
根据下游管道和测量容差进行选择。有损压缩会改变精细特征。采样方法、标记过程和验证协议至少与图像扩展一样重要。
区分源视频质量与输出质量
从 JPG 更改为 PNG 无法消除解码预览中已可见的模糊或伪影。在调整静态图像编码器之前，请寻找附近运动模糊更少的帧、使用质量更高的源视频或返回原始录制。
浏览器的画布编码器创建输出 Blob，如 HTMLCanvasElement toBlob 文档 中所述。浏览器实现可能略有不同，因此当精确的文件大小目标或自动化工作流程取决于编码器行为时，请重复视觉测试。