Prevent Vistors Downloading Images on your Squarespace Site

Whether it be because you are a photographer wanting to stop people downloading your images and reusing them elsewhere or because you simply don’t want users to right click, Squarespace doesn’t have this functionality built in. However, there are a couple of ways around this. 

1. Custom Code

For this, you need to make sure that you are on the Business or Commerce plan or have a Legacy Personal Plan.

Enter this into your Code Injection (Settings/Advanced/Code Injection/Header)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">

   $(function () {

        $(this).bind("contextmenu", function (e) {

           e.preventDefault();

     });

});

</script>

 

2. Watermark Images 

Adding a semi-transparent logo or text to your images is ideal for photographers. This is because, even if someone screenshots the image, you are still ensuring that the image is linked back to yourself/your business.  

You can do this either through editing softwares like Photoshop and even Canva if you already have the watermark logo or text ready.  

 

3. Reduce the Image Size 

Not only is it good practice for website design to reduce the image size but it can also protect your photos from being poached for printing. By reducing the quality to below 500kb (Squarespace’s recommended maximum file size) and with a width to 1500 to 2500 pixels, the photos will look beautiful on your site but not so much for printing.  

 

Tinypng.com is a great compressor for image file size and is what I use myself.