간단한 워터마크 정보
간단한 워터마크관련링크
http://www.grafika.waw.pl
1296회 연결
첨부파일
본문
* 이번팁은 뷰페이지에서 워터마크를 찍어주는 방식 입니다. 레이어 스타일?
테크노트에는 소노시님께서 올리신 팁이 있는데, 그누에는 없는거 같아 올립니다.
(있으면 ㅈㅅ ㅡㅡ^)
* 원 소스는 http://www.grafika.waw.pl 에서 가져 왔습니다. (링크2)
참고 하셔서 자신에 맞게 수정 하시고요...
수정 귀찮으신 분들은 제가 쓰는거 가져다 쓰세용.
* 특징
- 소스 한줄만 삽입하는 방식이라 초보자도 쓰기에 매우 간단 합니다.
- 레이어 방식이라 원본 이미지를 손상 시키지 않습니다.
- 기존에 업로드된 이미지도 모두 워터마크가 삽입 됩니다.
- 팝업으로 뜨는 이미지에도 워터마크가 삽입 됩니다.
- 업로드 1,2,3...... 갯수에 관계없이 삽입 됩니다.
- HighSlide를 사용한 갤러리에도 사용 가능 합니다.
- 워터마크에 사용될 이미지 파일의 투명도를 makeimg.php 파일에서 간단히 조절 가능 합니다.
(16행에 주석 달려 있음)
* 제가 질문에 답변 달 정도의 실력이 못되오니 많은 양해 바랍니다. ㅜㅜ
* 일반게시판 미리보기는 링크1을 클릭하시고 하이슬라이드 게시판 미리보기는
http://www.pupu.co.kr/bbs/board.php?bo_table=02_1 가셔서 이미지 클릭해 보세요.
* 사용법은 첫 댓글 참조.(본문이 자꾸 먹네요.)
* 맘에 드시면 추천 한방...쿄쿄.
추천
7
7
댓글 20개
음... 좋은데요...
왜 이런걸 진작 생각못했을까요...
왜 이런걸 진작 생각못했을까요...
아주좋아용~ 썸네일도 워터마크 적용되게 했음 좋겠네용
갤러리 썸네일에 표시하시려면 아래와 같이 바꿔 주시면 되지만, 썸네일 크기에 맞게 워터마크가 자동 리사이즈 되지는 않기 때문에, 워터마크가 크게 보여지게 됩니다.
워터마크의 크기를 썸네일에 맞추면 방법도 있지만, 그렇게 할 경우 오리지날 이미지에 워터마크는 매우 작게 보여 집니다.
그래도 상관 없으시면 적용해 보세요.
------------------------------------- 갤러리 게시판 240행 부근 -----------------------------------------------
if (file_exists($thumb) && $list[$i][file][0][file]) {
$img = "<a href='$g4[path]/bbs/makeimg.php?photo=$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='$g4[path]/bbs/makeimg.php?photo={$thumb}' width='{$thumb_width}' height='{$thumb_height}' border=0 style='border:0px solid #999999;'></a>";
워터마크의 크기를 썸네일에 맞추면 방법도 있지만, 그렇게 할 경우 오리지날 이미지에 워터마크는 매우 작게 보여 집니다.
그래도 상관 없으시면 적용해 보세요.
------------------------------------- 갤러리 게시판 240행 부근 -----------------------------------------------
if (file_exists($thumb) && $list[$i][file][0][file]) {
$img = "<a href='$g4[path]/bbs/makeimg.php?photo=$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='$g4[path]/bbs/makeimg.php?photo={$thumb}' width='{$thumb_width}' height='{$thumb_height}' border=0 style='border:0px solid #999999;'></a>";
다중 사진을 업로드 했거나 지에디터에서 올린 이미지도 워터마크가
찍히게 햇으면 좋겠습니다.
찍히게 햇으면 좋겠습니다.
다중파일은 워터마크가 찍히나, Geditor에서는 구현하지 못했습니다.
질답에 jpg이외의 이미지 파일도 지원하게 해달라고 하셨는데요.
gif.png 까지 지원하는 소스는 제 홈에서 받아 주세요.
watermark.rar 를 받으시면 됩니다.
----------------------------------------------------------------------------
# 원본 소스에서는 업로드 이미지가 jpg만 되던것을 gif,png 확장자도 되도록 소스수정.
(테크노트 소노시님2 소스)
http://www.pupu.co.kr/bbs/board.php?bo_table=06_5&wr_id=3
gif.png 까지 지원하는 소스는 제 홈에서 받아 주세요.
watermark.rar 를 받으시면 됩니다.
----------------------------------------------------------------------------
# 원본 소스에서는 업로드 이미지가 jpg만 되던것을 gif,png 확장자도 되도록 소스수정.
(테크노트 소노시님2 소스)
http://www.pupu.co.kr/bbs/board.php?bo_table=06_5&wr_id=3
* 일반게시판에서 사용법
1. 첨부파일 압축을 풀면 2가지 파일이 나옵니다. 아래 경로에 업로드 하세요.
(watermark.png는 샘플로 보시고,자신에게 맞게 제작 하여 사용 하세요.)
2. 도메인/bbs/makeimg.php
3. 도메인/bbs/img/watermark.png
4. lib/common.lib.php 파일 933번째 행쯤을 아래와 같이 수정 합니다.(검색활용)
----------------------------------------------------------------------------------
// 이미지에 속성을 주지 않는 이유는 이미지 클릭시 원본 이미지를 보여주기 위한것임
// 게시판설정 이미지보다 크다면 스킨의 자바스크립트에서 이미지를 줄여준다
return "<img src=makeimg.php?photo=$g4[path]/data/file/$board[bo_table]/".urlencode($file)." name='target_resize_image[]' onclick='image_window(this);' style='cursor:pointer;' title='$content'>";
-----------------------------------------------------------------------------------
* HighSlide 게시판에서 사용법
1. 첨부파일 압축을 풀면 2가지 파일이 나옵니다. 아래 경로에 업로드 하세요.
(watermark.png는 자신에게 맞게 제작 하여 사용 하세요.)
2. 도메인/bbs/makeimg.php
3. 도메인/bbs/img/watermark.png
4. 해당스킨/list.skin.php 파일의 240번째쯤 행 아래와 같이 바꿔 줍니다.
-----------------------------------------------------------------------------------
if (file_exists($thumb) && $list[$i][file][0][file]) {
$img = "<a href='$g4[path]/bbs/makeimg.php?photo=$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='{$thumb}' width='{$thumb_width}' height='{$thumb_height}' border=0 style='border:0px solid #999999;'></a>";
-----------------------------------------------------------------------------------
1. 첨부파일 압축을 풀면 2가지 파일이 나옵니다. 아래 경로에 업로드 하세요.
(watermark.png는 샘플로 보시고,자신에게 맞게 제작 하여 사용 하세요.)
2. 도메인/bbs/makeimg.php
3. 도메인/bbs/img/watermark.png
4. lib/common.lib.php 파일 933번째 행쯤을 아래와 같이 수정 합니다.(검색활용)
----------------------------------------------------------------------------------
// 이미지에 속성을 주지 않는 이유는 이미지 클릭시 원본 이미지를 보여주기 위한것임
// 게시판설정 이미지보다 크다면 스킨의 자바스크립트에서 이미지를 줄여준다
return "<img src=makeimg.php?photo=$g4[path]/data/file/$board[bo_table]/".urlencode($file)." name='target_resize_image[]' onclick='image_window(this);' style='cursor:pointer;' title='$content'>";
-----------------------------------------------------------------------------------
* HighSlide 게시판에서 사용법
1. 첨부파일 압축을 풀면 2가지 파일이 나옵니다. 아래 경로에 업로드 하세요.
(watermark.png는 자신에게 맞게 제작 하여 사용 하세요.)
2. 도메인/bbs/makeimg.php
3. 도메인/bbs/img/watermark.png
4. 해당스킨/list.skin.php 파일의 240번째쯤 행 아래와 같이 바꿔 줍니다.
-----------------------------------------------------------------------------------
if (file_exists($thumb) && $list[$i][file][0][file]) {
$img = "<a href='$g4[path]/bbs/makeimg.php?photo=$g4[path]/data/file/$bo_table/$image') class='highslide' onclick='return hs.expand(this)' ><img src='{$thumb}' width='{$thumb_width}' height='{$thumb_height}' border=0 style='border:0px solid #999999;'></a>";
-----------------------------------------------------------------------------------
멋진 팁이네요.
일단 담아 가셌습니다.(__)
일단 담아 가셌습니다.(__)
잘사용하고 있습니다.
썸네일 이미지까지 표시할려면 어떻게 해야죠?
윗글을 보니 갤러리 게시판을 수정하라하는데...저건 어디있는 파일인지???
혹 아시는분???
썸네일 이미지까지 표시할려면 어떻게 해야죠?
윗글을 보니 갤러리 게시판을 수정하라하는데...저건 어디있는 파일인지???
혹 아시는분???
워터마크 찍히는 위치는 어떻게 수정합니까 ?
쓰고 싶지만 가운데 박혀 있어서리....
쓰고 싶지만 가운데 박혀 있어서리....
감사합니다~
위치를 이동하시고싶으신분들
$dest_x = ($size[0] - $watermark_width) / 2;
$dest_y = ($size[1] - $watermark_height) / 2;
부분을
$dest_x = 10;
$dest_y = 10;
픽셀로 왼쪽 위 모서리부터 거리 입니다
변경하세요.
$dest_x = ($size[0] - $watermark_width) / 2;
$dest_y = ($size[1] - $watermark_height) / 2;
부분을
$dest_x = 10;
$dest_y = 10;
픽셀로 왼쪽 위 모서리부터 거리 입니다
변경하세요.
오호 좋아요^^
다 잘되는데...이미지를 투명하게 올려도 왜 투명하게 안 나올까요 ;;
아... 이미지가 액박으로 변신하네요... 왜 그런걸까요?
간단한 워터마크^^
간단한 워터마크
굿~
굿~
좋은팁 감사합니다~
팝업이미지에는 적용이 안되네요 ㅠㅠ
현재 운영되고있는 최신버전(그누보드 4.36.23 12 )에는 적용이 안되는지요?