Webサイトの画像をゆるく任意で保存出来ないようにするCSS。

Desktopは、ドラッグ&ドロップとコンテキストメニュー、Modileは画像のロングタップでの保存を出来ないようにするCSS。

CSS

<style type="text/css">
.protector {
position: relative;
touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.protector:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
</style>

Markup

<div class="protector">
<img src="http://placehold.it/350x150">
</div>

Example