It isn't possible to completely prevent someone from copying an image on your site. Right-clicks can be disabled using code, but computers can use various screenshot programs to capture images directly from the screen. For this reason, Squarespace doesn't provide a built-in option for disabling right-clicks.
This guide covers several approaches you can take to protect your images and discourage unlawful copying.
We recommend adding semi-transparent text or a logo, known as a watermark, to your images. When tastefully done, watermarks can be an ideal asset to the photographer, both protecting your images and promoting your brand.
The primary advantage of watermarks is that, even if someone screenshots your image, the watermark will still identify it as yours.
You can create advanced watermarks using photo editing software like Photoshop or Gimp, or you can add a text-only watermark using our built-in Adobe Creative Cloud Image Editor.
Reduce image size
We recommend uploading images with a width of 1500 pixels to 2500 pixels. While the maximum file size is 20 MB, we recommend keeping your image files below 500 KB. Images below 1 MB in size will be web-optimized, and look great on your site, but won't be suitable for printing. This will discourage anyone from trying to use your images offline without your permission.
For more on image formatting, visit Formatting your images for display on the web.
We don't recommend this option since it creates a false sense of security, in no way prevents screenshots, and often causes more trouble for legitimate visitors than it does would-be image thieves. However, if you'd like to disable right-clicks, you can do so by adding custom code to Code Injection.
This topic has come up on our Answers forum, and you can view the post here for more information and example code.
The solution in the link above includes injecting code. Code Injection is a Premium feature available in the current Website Business plan and higher:
- Available in: All Business and Commerce plans
- Available in: Legacy Personal plan (no longer available for new subscriptions)
- Not available in: Current Personal plan
- Trial: You can use Code Injection during a trial.
To learn more, visit Premium features.
Note: Custom code modifications fall outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, with a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Custom code can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction: