Html 如何消除图像链接上多余的可点击区域？

我有一个三角形图像，如下所示：

它是一个png文件

我使用html访问它，如下所示：

<a href="/link"><img src="/logo.png" alt="alternate"></a>

---

如何确保图像中唯一可单击的区域是黑色区域，而不是透明/白色部分？

图像贴图将为您执行此操作：

图像贴图将为您执行此操作：

您不能。。除非使用图像地图或画布，否则无法。。除非使用图像地图或画布，否则我永远不会知道这一点！太好了，我从来不知道这件事！