[티스토리] 이미지 복사 금지 설정 방법

이전 글에서 블로그 포스트의 내용에 대한 복사는 막으면서 코드 같은 특정 부분만 복사를 허용하는 방법에 대해서 정리했습니다. CSS를 수정해서 일부 태그에 대해서만 복사를 허용했었는데요.

이전글 : [Tistory] 티스토리 코드 부분만 복사 허용하기

문제는 본문에 올라간 사진에 대해서는 우클릭 후 다른 이름으로 저장하기가 된다는 점이었습니다. 물론 작정하고 퍼갈 경우 캡쳐를 해서 퍼가겠지만 그래도 손쉽게 다운로드는 못하게 막고 싶을 수 있습니다.

이미지 복사 역시 CSS 편집으로 막을 수 있습니다. 다시 관리모드-꾸미기-스킨편집 페이지에서 CSS 편집 창으로 들어갑니다.

스킨에 따라 다른데요. .area_view 를 사용하는 스킨이라면 .area_view img 항목에 pointer-events: none; 항목을 추가해줍니다.

.area_view img {
  pointer-events: none;
}

경우에 따라서 .areq_view 를 사용하지 않는 스킨도 있는데요. 이 경우 이미지를 지정할 수 있는 부분을 찾아서 pointer-events: none을 넣어주면 됩니다.

저는 귀찮아서 다음과 같이 추가했습니다.

img {
  pointer-events: none;
}

모든 이미지에 대해서 설정해버렸습니다.

그러면 이미지에 대해서 우클릭시 이미지를 다른이름으로 저장 항목이 나타나지 않습니다. 다른 이름으로 저장을 하면 웹 페이지 전체가 다운로드 됩니다.