Jump to content

How can I lock my images to prevent others from taking them?

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

I'm sure there are ways of disabling the saving of images, through jQuery or something, but there is nothing stopping anyone from taking a screenshot of the page with your image -- in other words, if someone really wants to steal your image, they will find a way.

I'd suggest applying a watermark to your images, and / or only uploading them as big as you need them (ie. not massive, HQ images). You could even downgrade the quality manually by saving them as lower quality .jpg's.

Link to comment

As kale pointed out there is really no easy way to stop someone from digitally lifting your photos. Even the most basic "screen print" function works.

In addition to watermarks and lower quality images, I would suggest a combination of both with real images being for sale or behind a password-protected site. This does not eliminate the problem but it does minimize it.

Hope this helps!

Link to comment

Thanks for your suggestions! It is harder than I thought it would be to protect the images.

So how does one put a water mark on the image?
How does one save photos as lower quality? Do I first save them in a smaller size, then upload them from the smaller saved image? I will have to delete all my images and then go through this lengthy process.... ! Any other ideas?

Link to comment

Best advice here is to put a watermark on your images.

There’s some really cool software that I use (sometimes) that has a really easy interface and links with stuff like Evernote and can export in most formats. Oh, and it’s free!

It's called Skitch and you can find it in the OS X App Store, for all other platforms, direct from Evernote.

Don’t reduce the quality of your work for piracy, do it for faster load times.

Link to comment
  • 1 year later...

You can deactivate the right click for the whole site. That makes it harder to just copy the images with right-click(But doesn't save you from google images ;-) )

Add the code to 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>

About Armin:
Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084
Website: www.braunsberger-media.com
Leaders Lodge: See my Profile

Link to comment
  • 1 year later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.