CODEWITHSUNDEEP
reactjsimagesvg
srdjan_susa
srdjan_susa

Reputation: 111

Disable users to download SVG from website

I am using a lot of SVGs on my website. These are custom made Architectural/Art drawings and i would NOT like them to be reused or downloaded. And am looking for an option (if it is actually possible) to disable downloading of all SVGs on my website.

you can see my website on underconstructioncity.com and on the homepage a lot of SVGs

for now i am loading them with an tag

Upvotes: 1

Views: 1450

Answers (2)

RAC
RAC

Reputation: 156

One problem with having raw SVGs on your page is that the user can click down on them, and then drag them around the screen. I didn't want that on an application I'm working on, so I have covered every SVG with a matching, invisible DIV. And I've transferred my user-interface from the SVGs to the DIVs. You might find this overlay-DIV technique gives you the protection that you want.

Upvotes: 0

Dockson
Dockson

Reputation: 562

Any file transferred to a browser is downloadable, so no you cannot disable it. You can make it a bit more inconvenient by disabling the right-click menu for those images if you want though. You could also convert your svg files to png's if it is the original files themselves you want to protect and not what they portray.

Upvotes: 1

Related Questions