thread Re: Disabling RightClick Downloading of Images in Online Store in Archived Discussions (Read Only)

Disabling RightClick Downloading of Images in Online Store

EBPhotography — Fri, 14 Feb 2020 15:22:29 GMT

I'm a photographer selling online prints of my photos, and I'm considering using the online store to host my site. Is there a way to disable right-clicking of images to prevent digital downloads? I'm not a huge fan of watermarks, because I think they detract from the image (which is contrary to the whole point), so I'm hoping there's a way to prevent (or at least make it harder!) for people to right click and save the image I'm selling without me using those.

I hope that makes sense! Thanks for your help!

Re: Disabling RightClick Downloading of Images in Online Store

EBPhotography — Fri, 14 Feb 2020 22:30:19 GMT

I figured out the answer to my own question, but I'll put it here for anyone else who is looking to do this.

In the Online Store Dashboard page, go to Website -> Integrations -> Add Custom Header Code -> Add New Code

Add this code:

<script> document.oncontextmenu = function(e){ var target = (typeof e !="undefined")? e.target: event.srcElement if (target.tagName == "IMG" || (target.tagName == 'A' && target.firstChild.tagName == 'IMG')) return false } </script>

And click on "End of Body" where it asks where the code should be placed.

(Note, I didn't write this code, only grabbed it from another Weebly forum, here: https://community.weebly.com/t5/Vote-on-Features/Disable-Right-Click-On-Photos/idi-p/7662# )

Hope that helps someone else looking to protect their images. 😀

Re: Disabling RightClick Downloading of Images in Online Store

Valentina — Sun, 16 Feb 2020 02:06:51 GMT

Looks like you beat us to the punch here, @EBPhotography 😊

Thank you for posting the solution you discovered here for others to see! I'm sure this will be incredibly helpful for other photographers and artists hoping to mitigate art theft while maintaining the integrity of their art. Thanks again, and please don't hesitate to reach out directly if needed!

Re: Disabling RightClick Downloading of Images in Online Store

jamesstartco — Sun, 28 Mar 2021 14:19:36 GMT

thank you

Re: Disabling RightClick Downloading of Images in Online Store

MAMLB — Tue, 15 Jun 2021 02:30:55 GMT

They must have changed things up. I cannot find a way to disable right click on images, and even followed your source link to the weebly forum. I am trying to follow the direction provided but cant find header code entry. Am I going to have to go to each image individually!? Ill keep digging, but now I have the code and don't know where to put it... artist, not a programmer.

Re: Disabling RightClick Downloading of Images in Online Store

csnfoto — Fri, 19 Nov 2021 09:15:24 GMT

How do you fix the right click protect for photographs on webpage?

Re: Disabling RightClick Downloading of Images in Online Store

JK_Fiber_Art — Fri, 19 Nov 2021 22:38:52 GMT

Something no one mentioned was Screen Shots - yes via a script you can stop someone from downloading a photo - we do that on our main web site however, there's nothing to prevent simply doing a screen shot - from there the photo can be edited and separated from the other details of the screen shot. The use of watermarks can deter someone from getting a good copy but, it's not totally foolproof either. Just some thoughts from our experience.

Re: Disabling RightClick Downloading of Images in Online Store

Arie — Sat, 20 Nov 2021 23:59:40 GMT

Hi @csnfoto,

Thanks for writing in to our Seller Community! I noticed it's your first post, welcome!

You can use the code shared in the Best Answer in this thread and insert it on your Square Online Dashboard by heading to Settings > Tracking tools > Add custom header code.

Please let us know how you go 🙂

Re: Disabling RightClick Downloading of Images in Online Store

JK_Fiber_Art — Mon, 22 Nov 2021 23:37:47 GMT

Just curious - how can you prevent someone from just doing a screenshot - they can still get the photo ??

Re: Disabling RightClick Downloading of Images in Online Store

EBPhotography — Tue, 23 Nov 2021 16:55:55 GMT

As a photographer, I don't know that the quality of a screenshot would be good enough to make and sell prints, so I guess it doesn't concern me that much. However, I can see where this could be a concern for others, so I can think of 3 solutions:

- Create a watermark across the center of a photograph, so it couldn't be cropped out.

- For the item photos, instead of the photo itself, you could use a photo of what the print would look like framed and on the wall

- You could also take a photo of the print at a slight angle dimensionally, kind of like what fine art America does here: https://fineartamerica.com/shop/canvas+prints

Honestly though, if someone wants to steal your image badly enough, they will find a way. My goal was just to make it not super easy for them to do so. 😄

Re: Disabling RightClick Downloading of Images in Online Store

Emoonbridge — Fri, 21 Jan 2022 10:48:37 GMT

I have done this for my own site but it has no effect and I can still right click and save images. Please can you help? I know people can just take a screenshot but if I can cut out this easiest method then I will feel more secure about my images.

Thanks

Re: Disabling RightClick Downloading of Images in Online Store

BernadetteA — Sun, 23 Jan 2022 16:54:36 GMT

Welcome to the Seller Community, @Emoonbridge

Disabling the right-click option will not prevent someone from copying your images, but you can try republishing the site to see if that pushes the code to the live site.

If you are concerned about someone taking your images, I recommend adding a watermark to all of your images before uploading to your website. This is the only true way to protect your online content. Watermarkly, for example, offers a free version of their service.

Re: Disabling RightClick Downloading of Images in Online Store

mensoartdesign — Wed, 13 Apr 2022 09:02:18 GMT

It worked for me. Thanks!

Re: Disabling RightClick Downloading of Images in Online Store

mensoartdesign — Wed, 13 Apr 2022 09:19:46 GMT

Before adding images to the web I change the resolution to the SQUARE recommended resolution settings which render well on devices but are not of sufficient quality for printing. This is 72ppi. They also recommend the length of the longest side be 1000pixels. I use GIMP, a free equivalent of Photoshop and use the "Scale Image" function. I also use GIMP to watermark my images either by working online or running a batch plugin (BIMP) to watermark all images in a directory. The resulting output can be directed to a new directory to not overwrite the original files. I created my business logo in GIMP, tiles it and saved this in GIMP as a pattern. From here I can use the "bucket-fill" option to fill the selected area. I also created a 1000 x 715 pixel 72ppi white layer as my base layer and I copy all my art onto this layer. This ensures the image will format correctly on mobile devices for some of the image gallery options. This may seem like a trivial issue but for art work of various sizes SQUARE ONLINE has a generic aspect ratio that just doesn't work for custom size art work. Was it worth it? YES! With the 72ppi 1000pixel max option my web site snaps open whereas before it took too long to load and I believe this affects Google SEO ranking. That's where I am up to on my learning curve.

I also followed the the recommendation in this post to turn off right clicking and it works for me. ARIE below updated the names of the current menu names to get to the same. spot

Thanks all

Jeff

Re: Disabling RightClick Downloading of Images in Online Store

mensoartdesign — Wed, 13 Apr 2022 12:35:12 GMT

The white layer I create is 700 x 1050 this corresponds to the 2:3 aspect ratio I set:

Item preferences

Layout

Edit

Item image ratio

2:3

Re: Disabling RightClick Downloading of Images in Online Store

mensoartdesign — Wed, 13 Apr 2022 12:38:36 GMT

Correction, I set the ratio to 2: 3 in Layout and the background I created tp lay my images on is 700 x 1050

Items
Item preferences
Layout
Item Image Ratio

Re: Disabling RightClick Downloading of Images in Online Store

mensoartdesign — Wed, 13 Apr 2022 12:45:21 GMT

I guess where I am going with this to provide a bit more protection is that there can be a great reduction in image quality copied for unauthorised use without affecting the online experience, SO

set Right Click off
reduce image quality to industry standard and SQUARE recommendation, scale images in a tool like GIMP 72pp1, 700 x 1050 pixel for 2:3 aspect ratio
Use watermarks

There are excellent YouTube videos on GIMP by Davies Media Design, from installing to advanced many others as well and online documentation. This should allow you to Watermark and correct image sizes and lay them on an appropriate layer with the desired aspect ratio. I had hesitations about using SQUARE ONLINE for artwork at first but came up with this work around

Re: Disabling RightClick Downloading of Images in Online Store

aoptoni — Wed, 16 Nov 2022 16:56:00 GMT

Hi,

I see this was posted from 2020 and Square has done so many updates since then. Do you have a recommendation for how to do this now on my website? I sell extensions and its very common for other vendors to steal photos and say its their product so I also want to make it harder for them to save my photos. As of right now I just put watermarks over everything but I really don't like it. How can prevent this for Square's newer version?

Thanks in advance!

Re: Disabling RightClick Downloading of Images in Online Store

RobynR — Fri, 18 Nov 2022 18:00:07 GMT

Hey @aoptoni,

Thanks for being a member of the community.

Have you had a chance to check out this Best Answer from above? Currently, we do not have a way to prevent people from saving or downloading images. Feel free to also share your suggestions in our Ideate Room here - Our Product Team keeps an eye on this forum as they are constantly improving our products based on feedback like this.

Please let me know if there's anything else I can help you with.

Re: Disabling RightClick Downloading of Images in Online Store

EBPhotography — Fri, 18 Nov 2022 20:14:18 GMT

Hi @aoptoni! I can verify that this code still works on the current Square Website. 👍

I totally understand what you mean about people stealing your product photographs and selling them as their own. You could periodically do reverse image searches here https://images.google.com/ and then if you find them, issue them a DMCA takedown notice. I know that's a lot of work but it really does help keep that stuff to a minimum.

I hope that helps and I wish you the best of luck!