안녕하세요. <div><br></div> <div>미국 실리콘밸리에서 개발자로 일하고 있는 오징어입니다. 눈팅만 했지 글 써보는건 처음이라 두근두근하네요.</div> <div><br></div> <div>요새 극성스러운 불펌 문제 때문에 예전부터 이미지에 워터마크를 삽입하는 기능에 대한 요구가 있었는데요,</div> <div>일단 오유SCV님께서 기능을 만드시기 전까지 임시로 사용하시라고 간단하게 만들어봤습니다.</div> <div><br></div> <div><a target="_blank" href="http://ou.ggogi.net/" target="_blank">http://ou.ggogi.net</a></div> <div><br></div> <div>위 사이트로 가셔서 이미지를 업로드하면 자동으로 이미지에 워터마크가 씌워집니다. 이미지를 저장하시고 글쓰실 때 쓰시면 됩니다. 이미지 URL은 임시로 생성되는 것이니 URL을 복사하지 마시고 <b>우클릭 해서 이미지 자체를 저장</b>해주세요.</div> <div><br></div> <div>예시:  <div><img src="http://thimg.todayhumor.co.kr/upfile/201406/1402820055G2wFoYxNiKgFR982c.jpg" width="384" height="320" alt="2013-06-19 23.52.38.jpg" style="border:none;"></div> <div>[원본]</div> <div><br></div> <div><img src="http://thimg.todayhumor.co.kr/upfile/201406/1402820058FyXUZ4Hp2RdcSsbkHl2WE.png" width="384" height="320" alt="aa13c66c-2864-412e-8741-90b592200e94.png" style="border:none;"></div> <div>[워터마크 적용]</div></div> <div><br></div> <div><br></div> <div>예전에 <a target="_blank" href="http://www.todayhumor.co.kr/board/view.php?table=humorbest&no=891799&s_no=891799&kind=search&search_table_name=total&page=1&keyfield=subject&keyword=%EC%9B%8C%ED%84%B0%EB%A7%88%ED%81%AC" target="_blank">다른 능력자님께서 만드셨던 워터마크</a> 이미지를 재이용하려고 했는데 PNG가 왜인지 제 포토샵에서 읽혀지지가 않아서 비슷한 느낌으로 제가 새로 만들었습니다. 원작자님께 양해를 구합니다.</div> <div><br></div> <div>HTML5의 새 기능인 캔버스를 이용하기 때문에 <b>최신 브라우저가 필요</b>합니다.</div> <div>IE11, Chrome, Safari(Mac, iPhone)에서 테스트했습니다. 안드로이드 기기는 타블렛과 폰 두군데서 테스트 해봤는데 이미지 생성은 되는데 저장이 안되더군요. 혹시 능력자 분들 이유를 알면 알려주세요.</div> <div><br></div> <div>그리고 기기에 따라서 큰 이미지는 워터마크 생성이 몇 초가 소요되기도 합니다. 일단 원본 이미지가 떴다면 진행중인거니 기다려주세요.</div> <div>(추가: iPhone에서 폰카로 찍은 큰 이미지 사용시 제대로 로드가 되지 않는 문제를 확인했습니다. 여기가 지금 새벽이라 내일 일어나서 고치도록 할게요.)</div> <div><br></div> <div><br></div> <div>오유 분들께 당부말씀 드립니다.</div> <div>워터마크 삽입은 <b>자신이 저작권을 갖고있는 게시물에 한정</b>해주세요. 즉, 다른 사이트에서 퍼오는 게시물에는 워터마크를 넣지 말아주세요.</div> <div><br></div> <div><br></div> <div>오유SCV님께 건의드립니다.</div> <div>기능을 만들어놓고도 올릴까 말까 계속 고민했습니다. 도용의 여지가 너무 크기 때문이지요.</div> <div>이전 워터마크 건의글들에 보면 오유SCV님께서 "고려중이다"고 답변을 하셨던 것 같은데 혹 후에 추가 계획이 있으시다면 이미지에 워터마크를 삽입했을 시 <span style="font-size:9pt;line-height:1.5;">이미지 하단에 게시글의 URL을 붙이고 </span><span style="font-size:9pt;line-height:1.5;">해당 게시물이 무조건 삭제불가가 되도록 할 수 있다면 좋을 것 같습니다. 혹은 다른 악용 방지책이 꼭 필요할 것 같습니다.</span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div>웹 쪽은 잘 모르기도 하거니와 특히 자바스크립트는 이번에 막 배우기 시작해서 코드가 많이 어설픕니다. 버그가 있을지도 모르는데 댓글로 달아주시면 고쳐보도록 하겠습니다. (꼭 최신 브라우저에서 해주세요.)</div> <div><br></div> <div>워터마크 불투명도 조절, 워터마크 사이즈 조절 등의 기능을 넣으려다가 최대한 간단하게 가자는 생각에 다 뺐습니다. 어려운 건 아니니 혹시 필요하다는 분이 많다면 추가해보겠습니다.</div> <div><br></div> <div><br></div> <div><a target="_blank" href="http://ou.ggogi.net/" target="_blank">http://ou.ggogi.net</a></div> <div>잘 사용해주세요 :)</div>