Show fallback image when image loading fails

00.html

<object data="path/to/image-00.png" type="image/png">
  <img src="path/to/fallback.png" />
</object>

<!-- why not this -->
<img src="path/to/image-00.png" onerror="this.src = 'path/to/fallback.png'" />

<!-- 1. object is a pure html solution and does not require js. -->
<!-- 2. if the backup image fails to load, there is a risk of an infinite loop -->
<!-- 3. however, the object tag has a larger overhead -->
<!-- 4. maybe I should create a web component that supports regression to replace the above -->

<!-- and -->
<img src="path/to/image-00.png" onerror="this.onerror = null; this.src = 'path/to/fallback.png'" />