ppngfallback.png

ppngfallback.png 是一种图片格式，其被设计用于在网络环境较差的情况下提供更好的用户体验。当网络速度较慢或者网络连接不稳定时，使用 ppngfallback.png 可以在保证图片质量的前提下加快图片的加载速度，提高用户浏览网页的流畅度。

如何使用

使用 ppngfallback.png 需要将图片先转换成 .ppng 格式，然后将转换后的图片与原始图片一起上传至服务器。当加载页面时，如果服务器检测到客户端网络较差，则会默认显示 .ppng 格式的图片；当网络速度快时，则会自动加载原始图片，提高用户体验。

兼容性

由于 ppngfallback.png 仍处于开发阶段，目前仅支持部分主流浏览器（如 Chrome 和 Firefox），使用前需先进行兼容性测试。

示例代码

<!-- 原始图片 -->
<img src="example.png" alt="example image">

<!-- ppng fallback 图片 -->
<picture>
  <source srcset="example.ppng" type="image/png">
  <img src="example.png" alt="example image">
</picture>

参考链接

• https://sam.blesink.com/ppng/images/example.html
• https://github.com/buzzfeed/libgif-js