How do I make my images not be draggable or able to be saved? I asked myself this for years. All the results I can find online only show how to do it with javascript or jquery, and that doesn't even work on all browsers. Well, brace yourselves, because I have the answer you'be been looking for. So, here is how to finally make your pictures stay put, right where you intended them to be. Am I the only one who doesn't like javascript? Personally, I use it as sparingly as possible. FFS it can be disabled... Anyway, here you go; stop images from being draggable and saveable across all browsers using only css:
img {
-moz-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-drag: none;
-webkit-user-drag: none;
-webkit-touch-callout: none;
pointer-events: none;
}