How to make an image not clickable

  • 4 December 2022
  • 1 reply

Badge +1


In Gmail (not sure about other inboxes), when you hover over an image block that does not have a URL, the pointer mouse turns into the ‘clicker finger’ and a download arrow appears in the corner of the image. 

When you click the image, the image opens up, as if to download, in your screen. 

Is there a way to prevent this functionality? So that the image is not clickable at all?

I use to think putting a # in the URL of the image block did the trick, but I don’t think that is actually the case.

Any ideas?


Best answer by Dov 5 December 2022, 15:27

View original

1 reply

Userlevel 7
Badge +61

Hi @Dragonslayer1865,

Thanks for sharing this.

The solution will likely require custom code to accomplish. Setting CSS - pointer-events: none should remove any mouse interaction with the image. This article explains it in more detail.

I hope that’s helpful.