How do I secure my site so that images cannot be easily saved from it?

I am using a slider to show "before & after" on many of my images.

I noticed the other day that when I click & hold on any of the images that use the slider, I can easily save an image direct to the camera roll on my phone. Not only that but it's the very biggest version of the image.

A fellow artist's site is configured in such a way as to present the user with a "copyright" icon when this is attempted & I would very much like to be in the same place on this. (His site was not built using Squarespace but rather a Squarespace competitor but I'm hoping the same thing can be done here.)

I am aware that when I click on hold on any of the other images (ones that are not using the slider) the area of the image is selected on screen with the option to copy but this, I assume, will only copy a screen-resolution version of the image. I'm not particularly worried about this, but its would nice if this could be locked down, too.

It may be that this is something I'd have to take up with the make of the slider, but I'd appreciate any thoughts or suggestions.

The only way you can truly secure a photo on the internet is not to share it on the internet.

If an image is publically available on the internet via a URL then anyone can ultimately get to it no matter what you try to make it more difficult.

I suggest not wasting the time as you are just getting a false sense of security.

A more practical approach may be to watermark your images.

Whilst you are undoubtedly correct for some people, for most people, not being able to right-click & save or hold & save would be enough of a deterrent. I can't watermark my images because it's my images that show what I can do. I can't put low res ones up for the same reason. To be honest, most of my imagery would be of little or no interest to anyone but a couple might & I'd like to have that little bit of added security for the casual viewer.

Is there any way to lock down a site so that right clicking on a desktop or touch & hold on a mobile does not result in any kind of context menu? Certainly one that includes the saving of images, the opening of images in another tab or the inspection of elements?

My main specific issue is that I'm using an image slider from Rebecca Grace Designs to show before & after images. It's a fantastic bit of code & does exactly what I want but it's currently allowing me to save out the full quality master images from my site.

I'd like to know if this menu can be disabled without affecting the functionality of the slider?