>웹 프론트엔드 >CSS 튜토리얼 >사람들이 내 이미지를 다운로드하기 어렵게 만들려면 어떻게 해야 합니까?

사람들이 내 이미지를 다운로드하기 어렵게 만들려면 어떻게 해야 합니까?

Barbara Streisand
Barbara Streisand원래의
2024-11-12 16:58:02771검색

How Can I Make It Harder For People to Download My Images?

이미지 다운로드 보호: 표준 기술을 넘어서

이미지 다운로드를 완전히 방지하는 것은 불가능하지만 프로세스를 복잡하게 만들고 일반 사용자가 이미지를 다운로드하지 못하도록 하세요. 투명한 오버레이 및 CSS 배경 이미지 이외의 몇 가지 추가 기술은 다음과 같습니다.

컨텍스트 메뉴 옵션 제거

CSS를 사용하면 "저장" 옵션을 제거하여 사용자가 이미지를 저장하지 못하게 할 수 있습니다. 마우스 오른쪽 버튼 클릭 상황에 맞는 메뉴에서 이미지' 옵션을 선택하세요. 이렇게 하면 상황에 맞는 메뉴의 나머지 부분에 액세스할 수 있습니다.

img {
    pointer-events: none;
}

드래그 앤 드롭 비활성화

또 다른 옵션은 이미지에 대한 드래그 앤 드롭을 비활성화하는 것입니다. 이렇게 하면 사용자가 이미지를 바탕 화면이나 다른 위치로 끌어다 놓을 수 없습니다. 다음 jQuery 코드를 사용하여 이 작업을 수행할 수 있습니다.

$(document).on('dragstart', 'img', function(e) {
  e.preventDefault();
});

이미지 URL 숨기기

사용자가 이미지의 직접 URL을 결정하기 어렵게 하려면, 페이지의 소스 코드에서 숨길 수 있습니다. 이는 서버 측 스크립팅 또는 사용자 정의 JavaScript 기능을 사용하여 달성할 수 있습니다.

워터마크 이미지

이미지에 워터마크를 추가하면 사람들이 허가 없이 이미지를 사용하는 것을 방지할 수 있습니다. 이미지에 겹쳐진 눈에 띄는 워터마크는 무단 사용에 대한 매력을 떨어뜨립니다.

코드 샘플:

<img src="http://placekitten.com/600/450" ondragstart="return false;" />

이 코드는 위의 기술을 결합하여 드래그를 비활성화하고 이미지 다운로드를 삭제하고 방지하세요.

위 내용은 사람들이 내 이미지를 다운로드하기 어렵게 만들려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.