본문 바로가기
기타/Blog

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

by 월급쟁이 자유인 2022. 8. 26.
반응형

이전 글에서 블로그 포스트의 내용에 대한 복사는 막으면서 코드 같은 특정 부분만 복사를 허용하는 방법에 대해서 정리했습니다. 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;
}

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

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

반응형

댓글0