I have a triangluar image like so:

It is a png file.
I access it using html like so:
<a href="/link"><img src="/logo.png" alt="alternate"></a>
How do I ensure that the only clickable area of the image is the black area and not the clear/white part?
Image maps will do that for you: http://www.w3schools.com/tags/tag_map.asp