可以与通知关联的HTML5 notification spec describes 3种图形：
图像资源是作为通知内容的一部分显示的图片，并且应该以比图标资源和徽章资源更高的视觉优先级显示，尽管它可能会在较少的情况下显示。
图标资源是增强通知的图像（例如，图标或发件人的照片）。
徽章资源是代表Web应用程序的图标，或者是Web应用程序发送各种通知的通知类别。当没有足够的空间显示通知本身时，可以使用它来表示通知。它也可能显示在通知中，但是其视觉优先级应低于图像资源和图标资源。
图标似乎是最重要的属性。但是，我不确定何时应使用 image 和徽章，以及它们在外观上与图标的区别。
您能更清楚地说明两者之间的区别，并举例说明何时要使用这三种方法吗？