메뉴 건너뛰기

Karma's Place

로그인하지 않고 댓글을 달 수 있습니다. 하지만 본사이트의 취지에 맞지않는 댓글은 예고없이 삭제될 수 있습니다.
Rhymix & XE
2010.02.18 18:22

JPG 축소 및 워터마크 애드온 ver 0.7

조회 수 27116 추천 수 0 댓글 21
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부

업로드된 이미지를 자동으로 축소하여 저장하고 워터마크를 넣을 수 있는 애드온입니다.

기존 버전 0.6까지는 단순한 축소기능만 들어있습니다.
워터마크기능은 0.7버전에 새로 포함되었습니다.

축소기능은 기존 덱스터님이 배포하셨던 이미지 자동축소 저장 모듈과 비슷한 기능을 하는 애드온입니다. 다만 별로 사용이 되지않는 gif와 png에 대한 기능은 제외하고 Xe 내장함수를 이용했기 때문에 Xe가 작동하면 gd와 관계없이 작동합니다.
가로축을 기준으로 축소하거나 가로세로중 긴쪽을 기준으로 축소하는 두가지중 하나를 선택할 수 있게 했습니다.

자료 분류 애드온 starOn.gif starOn.gif starOn.gif starOn.gif starOn.gif  9.5 /8 jpgresize.jpg 
라이선스 GPL v2
제작자 카르마
홈페이지 ./addons/JpgResize
최초 등록일 2010-02-08 21:27 전체 다운로드 935
최근 버전 0.7 다운로드
다운로드 631
최근 업데이트 2010-02-10 12:17 starOn.gif starOn.gif starOn.gif starOn.gif starOn.gif  10.0 /1

JPG 이미지를 자동 축소해서 저장하거나 워터마크를 새길 수 있는 애드온입니다.

 

이번 버전에서 워터마크 기능이 추가됨에 따라서 애드온 이름도
JPG 이미지 자동 축소 애드온에서 JPG 축소 및 워터마크 애드온으로 변경합니다.
버전업을 위해서 화일이름은 그대로 유지하였습니다.

 

기존 덱스터님이 배포하신 모듈과 거의 비슷한 기능을 합니다.
다만 jpg화일만을 대상으로 합니다.
gif나 png 화일은 거의 사용할 필요가 없어서 제외했습니다.

 

 4AAB2082.jpg

 

2010 02 10 Ver 0.7 --------------------------------------
0.6버전의 소스를 정리하고
워터마크 기능을 추가했습니다.
워터마크는 투명PNG화일을 이용합니다.
적당한 크기의 투명 PNG 형식의 로고화일을 만들어서 업로드하고 설정시 화일을 등록해주시면 됩니다.


로고의 위치는 위 사진처럼 사진의 네구석과 정중앙 다섯군데중 하나를 선택할 수 있습니다.

입력된 화일이 존재하지 않거나 PNG 화일이 아니면 작동하지 않습니다.
배포판내에 예제로 제가 사용하는 png 로고화일을 추가해두었습니다.
테스트를 하실 분은 워터마크 항목에 ./addons/JpgResize/stamp.png 를 입력하고 테스트 해보시기 바랍니다.

 

 2010 02 09 Ver 0.6 --------------------------------------
품질에 관해서 의견을 주신 분이 있어서 품질을 조절할 수 있게 수정했습니다.
설정에서 품질을 설정해주시면 됩니다.
참고로 quality의 최대치는 100이며
숫자가 낮아질수록 화일 사이즈는 작아지지만 품질은 떨어집니다.
최고의 품질을 원하시는 분을 100을 입력하고
가능하면 디스크공간을 절약하실 분은 50-60정도가 적당할 듯합니다.
입력하지않은 경우 기본은 80입니다.


2010 02 08 Ver 0.5 --------------------------------------
xe 내부기능을 이용합니다.
따라서 gd 버전과 상관없이 xe가 동작하면 작동합니다.

크기를 가로축을 기준으로 축소할 수도 있고
가로세로중 길이가 긴쪽을 기준으로 축소할 수도 있습니다.
크기를 입력하지 않으면 1024px로 작동합니다.

이 역시 제가 사용하고 있는 애드온인데 필요하신 분들이 많으실 것같아서 공개합니다.

한가지 단점은
xe 자체가 gd를 기반으로 핸들링하기 때문에 Exif 데이터가 소실됩니다.
참고하시기 바랍니다.

 

 사용법



사용법

stamp.png

 

?
  • ?
    2010.05.27 10:09

    안녕하세요.

    오랜만에 글 남기네요.

    질문도 많이 하고 도와주셨는데, 원하는 기능을 해결 못해서

    결국 XE를 포기하고 다시 zb4로 돌아갔습니다 ㅎ

    제가 PHP를 잘 몰라서 짜집기를 하는 수준인데, 아직까진 버전4가 저한텐 익숙하네요.

    원하던 기능을 제로보드4에선 어렵지 않게 구현할 수 있었습니다.

    보안문제가 많다고해서 불안하긴 합니다만 어쩔수 없죠.

    시간되시면 구경 와주시면 감사하겠습니다.

    http://www.dailyeyes.com 입니다. 이벤트갤러리가 제가 XE에서 만들고자 했던 게시판입니다.

    그리고 카르마님 사진 보다보니 저랑 비슷한 시기에 티벳을 다녀오신것 같아서 반갑더군요.

    건강하시고, 다음에 XE로 다시 넘어오면 다시 뵙겠습니다.

    감사합니다.

     

  • ?
    김순제 2010.05.14 14:07

    잘 사용하던 프로그램이 갑자기 안된다...

    다른 프로그램을 추가하신것은 없으신가요?

     

    메모리문제일 가능성이 높아보이는데

    계속해서 안되면 애드온버전을 지우고

    모듈버전을 최신버전으로 설치해서 사용하시기 바랍니다.

  • ?
    2010.05.14 13:30
    이미지프로세스 모듈 설정방법으로 다운받아서 해보아도 안되고 해서 이것을 설치해 보았는데 전혀 사이즈가 변동되지 않고 원본 그대로 불러드려집니다.  몇일전까지만 해도 imageResize0.42를 오래전에 설치하여 잘 작동이 되었었는데 어제부터 무엇이 문제인지 이 기능이 작동되지 않아 지우고

    JPG 축소 및 워터마크 애드온 ver 0.7을 설치하고 시도해 보았는데 전혀 작동이 되지 않습니다.(사이즈가 원본 크기대로 첨부됨, 전혀 축소되지 않음) 애를 먹고 있습니다. ㅋㅋ

  • ?
    김순제 2010.05.10 13:02

    그런문제라면 위젯과 게시판에서 각기 별도로 썸네일 사이즈를 지정해주시면 될텐데요....???

     

    100픽셀짜리라면 files/cache/thumbnails/758/283/100x100.crop.jpg 로 저장되고

    300픽셀로 만들면 files/cache/thumbnails/758/283/300x300.crop.jpg 식으로 저장되기 때문에

    아무 문제 없을겁니다.

  • ?
    2010.05.10 09:48

    아.. 간단한 문제가 아니었군요...

    자세히 이유를 설명드리지 않았지만, 제가 썸네일과 원본파일의 위치를 바꾸고 싶었던 이유는

    카르마님의 이미지프로세스를 사용한 게시판의 사진을

    메인페이지에서 최근 이미지를 불러오면 이미지프로세스에서 이미 썸네일을 만들어놓은 파일을 불러오더군요.

     

    쉽게 설명드리자면, 게시판에서 이미지프로세스를 이용해서 150픽셀의 썸네일을 만들었고,

    메인페이지에서 필요한 사이즈는 300픽셀이라면

    최근갤러리 위젯에서 150픽셀짜리 파일을 불러다가 300픽셀로 만들어서 메인에 뿌려주다보니

    이미지가 뿌옇게 나와버립니다.

    원본파일을 별도로 저장되어있긴하지만  최근갤러리 위젯에서 어떻게 불러와야할지 모르겠더군요...

  • ?
    김순제 2010.05.10 09:01

    썸네일 저장은 imageprocess 모듈에서 변경이 불가능합니다.

    썸네일 저장은 Core의 기능을 그대로 이용하고 있습니다.

     

    구태여 변경을 해야하신다면 모듈에서 자체적으로 썸네일 저장기능을 새로 추가하거나 Core의 document 모듈과 comment 모듈을 다 수정하셔야합니다.

    하지만 이를 변경하시면 버전업에 문제가 생기실겁니다.

  • ?
    2010.05.10 05:32

    감사합니다. 카르마님 도움 덕분에 썸네일 클릭하면 원본 사진이 보이게 하는 기능은 해결 되었습니다 ^^

     

    마지막으로 한가지 질문이 있습니다.

     

    이미지프로세스 모듈에서 원본파일이 다른 위치에 저장되게끔 설정이 되어있는데,

     

    반대로 썸네일 파일을 다른 위치에 저장하게 하려면 어떻게 해야하나요? 원본은 기존폴더에 저장되구요.

     

     imageprocess.controller.php 파일의 37,38번째 줄에 $s_file과 $file 두개의 변수가 썸네일과 원본파일인 것 같아서

     

    두 변수를 서로 바꿔봤는데 썸네일 파일이 다른곳에 저장이 안되네요...

     

    시간이 괜찮으시다면 도움 부탁드립니다.

     

    감사합니다.

  • ?
    김순제 2010.05.07 11:32

    highslide addon을 켜셨다면 별도로 자바스크립트를 사용하지 않으셔도 됩니다.

    class="highslide" onclick="return hs.expand(this)" 만 해주셔도 됩니다.

     

    !--@if($logged_info)--

    <a href="{$OriginalFileUrl}" class="highslide" onclick="return hs.expand(this)">

    !--@else--

    <a href="$ProcessedFileUrl">

    <!--@end-->

  • ?
    2010.05.07 10:12

    친절한 답변 감사드립니다.

     

    제가 필요로 하는거라 혼자서 만들어보려고 노력하고 있습니다만,

    한가지 막히는 부분이 있어서 질문을 드립니다.

    카르마님께서 제작하신 이미지프로세스(매직버전)를 이용해서

    원본과 썸네일을 만들어주고, 글내용에서 썸네일을 띄워서.. 클릭하면 원본파일이 열리게까지는

    했습니다만, 문제는 클릭했을때 자바스크립트(Highslide)를 이용해서 사진을 여는부분입니다.

    별도의 html파일을 만들어서 테스트를 하면 잘 작동하는데, 제로보드XE에 넣으면 자바스크립트 오류가 납니다.

    제가 보기엔 <head>와 </head> 사이에 들어가는 스크립트의 위치가 문제인듯 합니다.

    제로보드4를 쓰다가 XE로 넘어와서 아직 구조파악도 안되고 자바스크립트를 어디다 넣어줘야할지 막막하네요... 자바스크립트 파일(.js)는 위치에 맞게 넣었습니다.

    아래 html에 들어갈 자바스크립트부분이 문제입니다.

     

    <script type="text/javascript">
    hs.graphicsDir = '../highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    //hs.dimmingOpacity = 0.75;

    // Add the controlbar
    hs.addSlideshow({
     //slideshowGroup: 'group1',
     interval: 5000,
     repeat: false,
     useControls: true,
     fixedControls: 'fit',
     overlayOptions: {
      opacity: .75,
      position: 'bottom center',
      hideOnMouseOut: true
     }
    });
    </script>

     

    어차피 개인적인 용도로 사용할거라 모듈화시켜서 잘 만들 필요는 없고,

    그냥 제 홈에서만, 제 스킨에서만 작동이 되었슴 좋겠는데요.

    이 자바스크립트를 어느부분에 넣어야 오류가 안나고 작동이 될지 조언을 부탁드립니다.

    참고로 현재까지 진행된 게시판은 아래 링크에서 보실 수 있습니다.

    http://www.dailyeyes.com/bbs/gallery_event/80

    지금처럼 썸네일을 클릭하면 새창이나 현재창에서 열리는게 아니라

    자바를 이용해서 띄웠으면 합니다.

    바쁘실텐데 계속 개인적인 질문드려서 죄송합니다...

    좋은 하루 되세요.

  • ?
    김순제 2010.05.05 20:26

    운영하는 사이트마다 추구하는 바가 다르니 일반적인 배포판으로 기대하시기는 쉽지않을 듯합니다.

     

    주제별 사진이라...

    말씀하신 것과 좀 다르기는 하지만 제 경우 별도의 모듈을 제작해서 사용하고 있습니다.

    http://www.wildgreen.co.kr/pdogam

    http://www.wildgreen.co.kr/?mid=pdogam&act=dispPdogamGallery&member_srl=32033

    특정 영역에 댓글로 올려진 사진을 갤러리 형식으로 보여주는 기능입니다.

    첫화면에서는 사진을 업로드한 회원목록이 나오고

    각 회원을 클릭하면 개인회원이 등록한 사진이 갤러리형식으로 보여질겁니다.

    위 모듈은 도감에서 사용하는 것이라 별도의 모듈이 또 있어야해서 배포할 계획도 없고 설령 배포한다고 해도 사용이 불가능하기 때문에 도움이 안되실 것같습니다.

     

    직접 만드셔야할 것같은데...

    기본적인 개념은 간단합니다.

    먼저 xe_files 에서 해당모듈의 목록을 최근날짜 순으로 구합니다.

    물론 pagenavigation을 이용해서 한페이지만 가져와야겠지요.

    화면에는 uploaded_filename 을 뿌려주면 됩니다. (물론 썸네일로...)

    모듈을 제작하는 경우 스킨에서 권한에 따라서 조작된 사진을 보여주거나 원본사진을 보여주거나 링크를 다르게 설정할 수 있습니다.

     

     

  • ?
    2010.05.05 04:26

    아.. 있었군요! 감사합니다. ^^

    나름대로 혼자 카르마님의 모듈에 제가 필요한 기능을 추가해보려고 했더니 쉽지가 않네요.

     

    제가 생각했던 기능은

    리스트에서 썸네일을 클릭하고 들어가면 본문에 또 첨부된 파일들의 썸네일이 나와서

    그 썸네일을 클릭하면 큰이미지를 보여주는 기능이었습니다.

    그래서 카르마님이 만들어주신 모듈을 이용해서 썸네일을 띄우고 그 썸네일을 누르면

    자바스크립트로 원본파일이 뜨게 연결하려는데 잘 안되는군요.

     

    카르마님도 사진을 하시니까 아시겠지만,

    예를들어 A라는 이벤트, 출사 또는 주제로 50여장의 사진을 올린다고 했을때,

    게시판에 사진을 하나씩 올리게되면 글 갯수도 많아지고 보기도 쉽지 않다고 생각합니다..

    그래서 같은  주제별로 글을 하나씩 작성해서 한꺼번에 사진을 업로드하고, 내용부분에 썸네일을 띄워줘서

    원하는 사진만 보게 하고 싶었거든요.

    사진 갤러리를 운영하는데는 유용하리라 생각합니다.

     

    혹시 카르마님의 모듈에서 이 기능을 구현하려면 썸네일과 원본파일을 어떻게 이어줘야할지

    팁을 알려주시면 감사하겠습니다.

    현재 파일로는 적용이 어려우시다면 혹시 차기버전에서 이런 기능을 추가하시는건 어떤지 의견도 듣고싶습니다.

     

    적다보니 긴글이 되어버렸네요... 좋은 하루 되세요 ^^

  • ?
    김순제 2010.05.04 17:54

    이 애드온은 초기버전이고

    최근에 배포된 모듈버전에 원본저장기능이 들어있습니다.

    즉 리사이즈하거나 워터마크를 새기기전의 원본을 따로 보관하는 기능입니다.

     

    http://www.xpressengine.com/?mid=download&page=2&package_srl=18728678

  • ?
    2010.05.04 17:11

    안녕하세요. 지금까지 제로보드4 쓰다가 어제 XE로 넘어온 초보입니다 ㅎ

    그렇지 않아도 이런 기능을 찾고 있었는데 카르마님 애드온을 발견하고 너무 기뻤습니다.

    근데 한가지 질문이 있습니다만,

    첨부한 파일을 리사이즈하고 워터막크 넣은다음 기존 첨부파일을 덮어쓰지 않고 새이름으로 저장하게도 가능한가요?

    기존에 올렸던 사진파일도 업로드가 되었음 해서요....

     

    즉 쉽게 설명드리면 워터마크가 있는 이미지와 없는 이미지가 같이 저장되는거죠.

    수정을 부탁드리는건 아니구요... 어느부분을 손봐야될지 힌트정도만 부탁드립니다 ^^

     

    감사합니다.

  • ?
    2010.04.29 10:05

    답변 정말 감사합니다... ~~

     

  • ?
    김순제 2010.04.29 09:06

    워터마크가 찍히고 있다면 프로그램설정상의 문제는 없어보입니다.

    이 프로그램은 자바스크립트에 의해 사진을 작게 보여주는 리사이즈의 개념이 아니고 아예 업로드하는순간 사진의 크기를  작게해서 저장하는 애드온입니다.

    사진축소크기를 화면에 맞게 아주 작게 입력해서 테스트해보시기 바랍니다.

  • ?
    2010.04.29 02:37

    안녕하세요...설명서대로 설치했구요 애드온 설정까지 다 완료되었는데 이상하게 작동이 안되네요 ㅠㅜ

    워터마크는 정상적으로 나오구요..

    리사이즈가 작동이 안됩니다...혹시 원인좀 알 수 있을까요..부탁드립니다..

     

    홈페이지는 http://www.newjidoho.com/xe/?mid=main 입니다..

  • ?
    2010.04.06 03:03

    정말 좋네요. 위치를 마우스로 아무곳이나 둘수 있게하고

    폰트도 고를수있고, 투명도, 폰트색깔도 사진을 업로드하는 사용자가 조정할수있음 좋겠습니다.

  • ?
    2010.02.20 17:07

    답변 감사합니다.

    입맛에 맞게 쓸려면 한도 끝도 없지요 워터마크 찍히는것만으로도 예전부터 찾고있었으니까요

    이것만으로도 만족해야죠. 나중에 신버젼 기다릴게요 그럼 수고하세요.!

  • ?
    김순제 2010.02.19 13:04

    사진의 품질 문제는 신중하게 결정하셔야합니다.

    업로드하는 분이 이미 리사이즈하면서 화일용량을 많이 줄였는데도 또 품질을 낮추면 사진의 질이 형편없이 나빠지기도 하니까요.

     

    풀베개(wildgreen.co.kr)의 경우 리사이즈하고 워터마크를 넣기 전에 원본을 별도로 저장하는 기능을 사용하고 있습니다.

    원본저장기능의 경우 다른 모듈까지 건드려야하기 때문에 쉬운설치가 되지 않아서 배포판에서는 제외했습니다.

    다른 모듈을 수정하는 경우 업그레이드할때마다 문제가 발생합니다.

    따라서 권하고 싶은 방법은 아닙니다.

     

    그렇지 않아도 리사이즈, 품질조절, 워터마크 기능을 분리해서 사용하게 할 수 있게 해달라는 분이 계셨었는데 그렇게 하려면 애드온으로는 되지 않고 모듈로 만들어야합니다.

    나중에 모듈버전을 제작하게 되면 원본저장 기능도 고려해보겠습니다.

  • ?
    2010.02.19 12:35

    풀베개님아

    정상 작동한 사진을 첨부 파일을 통해서 다운로드 받으면 이미지가 전부 깨져서 나오네요

    마우스 우클릭 저장은 제데로 나오는데 첨부파일 다운로드는 이미지가 반쯤 깨저서 나옵니다.

    그리고 첨부파일은 원본으로 받을 수 있는 기능은 불가능한거죠

    어느 사이트 유료회원은 첨부파일은 원본으로 받을수잇고 그냥 보이는 리사이징 사진은 그냥 회원들

    받을수 있게되있던데요. 

    ...........

    사진 품질을 100으로 하니깐 제대로 나오는것 같습니다.수고하세요.

  • ?
    2010.02.19 12:12

    압축받은 파일이름을 JpgResize 로 바꿔서 올려야 정상 작동하는군요

    JpgResize_addon_0.7 이거 그대로 올려서 왜 안되나 조금 해맸습니다.

    수고하세요


List of Articles
번호 분류 제목 날짜 조회 수
13 기타등등 PC에 개발환경 만들기 1 file 2011.01.15 11823
12 애드온 및 모듈 제작 모듈제작강좌 1 : 모듈 등록 file 2010.12.30 13758
11 기타등등 Mysql to Cubrid : 제일 안전한 방법 file 2010.10.23 13282
10 기타등등 큐브리드 변환후 index 재설정 2 file 2010.10.22 26555
9 기타등등 루씬, 큐브리드그리고 XE 3 file 2010.10.07 30685
8 Rhymix & XE 이미지 자동출력 애드온 58 file 2010.04.09 35612
7 Rhymix & XE picasa_upload component 34 file 2010.04.05 23208
6 Rhymix & XE 구글 웹앨범 최근사진 위젯 file 2010.04.05 22345
5 Rhymix & XE 구글 웹앨범 연동모듈 설정 58 file 2010.03.31 30268
4 Rhymix & XE 이미지프로세스 모듈 (매직버전) 111 file 2010.03.01 46055
3 Rhymix & XE 이미지프로세스 모듈 설정방법 24 file 2010.02.25 19331
» Rhymix & XE JPG 축소 및 워터마크 애드온 ver 0.7 21 file 2010.02.18 27116
1 Rhymix & XE 자동 그룹변경 애드온 17 file 2010.02.18 22531
계속 검색
Board Pagination Prev 1 2 3 Next
/ 3
위로