Command Palette

Search for a command to run...

Preventing Images From Being Saved on Right-Click

PublishedOctober 8, 2010

I am a web developer from Navi Mumbai. Mainly dealt with LAMP stack, now into Django and getting into Laravel and Cloud. Founder of nerul.in and gaali.in

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

@supports API

Check if a CSS feature is ready in a browser or not and apply code for both scenarios

Jan 23, 2026·2 min read

Using the :has selector to display full with of a container

The :has selector can be used to make a 100% iframe's container to be also 100%

Feb 26, 2023·2 min read

Using the :has selector to display full with of a container

first-of-type

Catch the first element type that's a child of a parent element

Nov 25, 2022·2 min read

Text Input Validation & Error without JavaScript

Use HTML5 properties and advanced CSS attributes for validation

Jul 11, 2022·2 min read

Text Input Validation & Error without JavaScript

Mega Menu using CSS only

Demo : http://s3.css.co.in/demo/mega-menu.html Code : https://gist.github.com/anjanesh/876b781b69fff9598fd73ffeda4b9318 Sorry for no explanation here. #top-menu-1 > div > a + div:hover has to be displayed as block too. For people who know CSS, I thin...

Jan 9, 2021·1 min read

CSS

13 posts

Styles of the Web

More often than not, people have asked that if they uploaded their profile picture online, would it be possible to disable downloading of their profile photo by others.

There is no full-proof method of preventing images from being saved by the end user.
The user can hit print-screen and crop the image out of the screenshot, or can directly download the image by knowing the exact image URL from the page’s source code (HTML, CSS JavaScript) or using tools like FireBug, AdBlockPlus to extract the image URL.

Whats mentioned here is a simple common technique to prevent someone from saving the actual image by right-clicking on it & Save As or Get Image Location.

Set the image’s src attribute to a 1 pixel transparent gif
Set the image’s backgound-image property to the actual image you want it to show

no save

#images #general

Members
Archive
Privacy
Terms

Sitemap RSS