Block right-click/drag to copy any image asset on website to inhibit stealing of assets

Hey developers! I would like to share some ideas and receive some feedback on a anti stealing/Image copying alert.

I as many other developers on this website have encountered many times my assets (gfx, logos, game icons, gamepasses, badges, ads, thumbnails, group icons, Images etc) have been stolen and used to profit another game/project without my knowledge and permission. Currently on roblox you can easily steal an advertisement by simply just dragging the image to your desktop or right clicking to save to file. This also applies to many of the other assets I have stated up above.

Examples of this:

Screen Shot 2020-05-18 at 3.04.16 PM
Example of saving to file (random Skyscraper ad)

Screen Shot 2020-05-18 at 3.04.58 PM
Example of drag and drop (random Skyscraper ad)

Screen Shot 2020-05-18 at 3.11.22 PM
Example of saving to file (my game Thumbnail)

Screen Shot 2020-05-18 at 3.11.11 PM
Example of saving to file (my game Player Badge)

Screen Shot 2020-05-18 at 3.10.54 PM
Example of drag and drop (random game Decal)

An Idea I propose for roblox, is that they should add a image copy/anti drag system to the website. Many examples of these can be found in online background photo removers,subscription based images, academic papers, and many more.

Example of what it could look like:


(Quick example I made)

Screen Shot 2020-05-18 at 3.20.09 PM
How it can look on an ad (random Skyscraper ad)

Please leave some comments down below and support this post so roblox sees this. I believe this is very beneficial for roblox and its developers!

Thanks for your time,
-A_Trendy

4 Likes

Unfortunately, there’s no real way to prevent this. Even preventing context menu events can be bypassed using the Dev Console (F12/CTRL+SHIFT+I), and selecting the element. Even if they don’t know how to do this, they can still quite easily take a screenshot of the asset they need.

3 Likes

But even if they could screenshot it, the size would be wrong/quality. But these steps make it a bit harder to get assets.

There’s still no stopping them from using the developer console.

As for screenshots, they are usually the same quality as whatever is displayed on the screen, unless you purposely compress them. You actually wouldn’t know the difference if I’d taken a screenshot of an advert and cropped it correctly.

Even a bot can emulate both methods either by parsing the HTML+CSS of a page, or taking and cropping screenshots using a headless browser and image manipulation libraries.

1 Like

Sorry, but this really wouldn’t deter anyone as they could use other easy methods such as using inspect element to download the source image.

1 Like