미국 실리콘밸리에서 개발자로 일하고 있는 오징어입니다. 눈팅만 했지 글 써보는건 처음이라 두근두근하네요.

요새 극성스러운 불펌 문제 때문에 예전부터 이미지에 워터마크를 삽입하는 기능에 대한 요구가 있었는데요,

일단 오유SCV님께서 기능을 만드시기 전까지 임시로 사용하시라고 간단하게 만들어봤습니다.

위 사이트로 가셔서 이미지를 업로드하면 자동으로 이미지에 워터마크가 씌워집니다. 이미지를 저장하시고 글쓰실 때 쓰시면 됩니다. 이미지 URL은 임시로 생성되는 것이니 URL을 복사하지 마시고 우클릭 해서 이미지 자체를 저장해주세요.

예시: 

예전에 다른 능력자님께서 만드셨던 워터마크 이미지를 재이용하려고 했는데 PNG가 왜인지 제 포토샵에서 읽혀지지가 않아서 비슷한 느낌으로 제가 새로 만들었습니다. 원작자님께 양해를 구합니다.

HTML5의 새 기능인 캔버스를 이용하기 때문에 최신 브라우저가 필요합니다.

IE11, Chrome, Safari(Mac, iPhone)에서 테스트했습니다. 안드로이드 기기는 타블렛과 폰 두군데서 테스트 해봤는데 이미지 생성은 되는데 저장이 안되더군요. 혹시 능력자 분들 이유를 알면 알려주세요.

그리고 기기에 따라서 큰 이미지는 워터마크 생성이 몇 초가 소요되기도 합니다. 일단 원본 이미지가 떴다면 진행중인거니 기다려주세요.

(추가: iPhone에서 폰카로 찍은 큰 이미지 사용시 제대로 로드가 되지 않는 문제를 확인했습니다. 여기가 지금 새벽이라 내일 일어나서 고치도록 할게요.)

오유 분들께 당부말씀 드립니다.

워터마크 삽입은 자신이 저작권을 갖고있는 게시물에 한정해주세요. 즉, 다른 사이트에서 퍼오는 게시물에는 워터마크를 넣지 말아주세요.

오유SCV님께 건의드립니다.

기능을 만들어놓고도 올릴까 말까 계속 고민했습니다. 도용의 여지가 너무 크기 때문이지요.

이전 워터마크 건의글들에 보면 오유SCV님께서 "고려중이다"고 답변을 하셨던 것 같은데 혹 후에 추가 계획이 있으시다면 이미지에 워터마크를 삽입했을 시 이미지 하단에 게시글의 URL을 붙이고 해당 게시물이 무조건 삭제불가가 되도록 할 수 있다면 좋을 것 같습니다. 혹은 다른 악용 방지책이 꼭 필요할 것 같습니다.

웹 쪽은 잘 모르기도 하거니와 특히 자바스크립트는 이번에 막 배우기 시작해서 코드가 많이 어설픕니다. 버그가 있을지도 모르는데 댓글로 달아주시면 고쳐보도록 하겠습니다. (꼭 최신 브라우저에서 해주세요.)

워터마크 불투명도 조절, 워터마크 사이즈 조절 등의 기능을 넣으려다가 최대한 간단하게 가자는 생각에 다 뺐습니다. 어려운 건 아니니 혹시 필요하다는 분이 많다면 추가해보겠습니다.

잘 사용해주세요 :)