질문/조언팁/리소스 공유

https://xetown.com/point_contents/1192982

https://www.xpressengine.com/index.php?mid=download&package_id=22753726

 

설치

./modules/imgeprocess 폴더에 파일이 복사되면 관리자 화면에서 모듈업데이트와 DB Table 생성하기 버튼이 나타납니다.

f4e7d8fb0724e8f3ca4ccbbfbf9264cd.png

두 버튼을 차례대로 클릭해서 DB 테이블을 생성하고 모듈을 업데이트 합니다.

 

설정

이미지프로세스 설정화면을 선택한 다음 가장 먼저 어떤 extension을 사용할지 정해주어야합니다. 

XE의 기본 설정인 GD를 선택하게 되어있지만

외부화일인 Imagmagick을 선택하는 경우 파일이 설치되어있는 path를 입력해주어야합니다.

 

5ec708c988d72a5543aeb8c913f8a916.png

 

권장하는 extensio은 imagick입니다.

하지만 iamgick이 설치되어있는지 확인해보시기 바랍니다.

설치가 되어있지 않다면 선택하실 수 없습니다.

 

b07cc01b1d69037d98c0cfc5e3ae8f0b.png

 

imagick의 설치 여부는 phpinfo에서 확인하실 수  있습니다..

ef6f1e9dec53efc1f85533054c6c66d7.png

imagick이 설치되어있다면 클릭이 가능하고 클릭하면 exif 선택 항목이 나타납니다.

918d2ebea189d3ccab81ae02e1dea3e0.png

 

 

 

나머지 4가지의 기본설정을 해주셔야합니다.

 

750ceb4202e74c095010daf480d9760b.png

94c5f9a650ab8f867c8ef2a5957577aa.png

b683a206ec8d46b543e232aed9ce3c39.png

 

 

나머지 구체적인 설정들은 각각의 모듈설정에서 하실 수 있습니다.

게시판 설정의 추가설정 탭에서 세부설정이 가능합니다.

기본설정에서 사용이 선택된 항목만 변경이 가능하고 사용하지 않음으로 된 항목은 체크가 되지 않습니다.

 

1d8b51ca774b60904972fd80e0801d66.png

 

각 기능별 설정

1. 이미지 축소

   축소방법이나 크기는 기본설정에서 제공합니다.

   각모듈에서는 축소여부만 설정하시면 됩니다.

 

2. 워터마크

   워터마크는 사진위에 투명PNG 이미지를 새겨넣는 기능입니다.

 

56466b8eea4ecb346c911c13ca0cfff9.png

 

   포함되어있는 샘플을 보고 각자의 사이트에 적합한 이미지를 만들어넣으셔야합니다.

 

3. 텍스트로고

   워터마크는 PNG 화일을 만들어 넣어야하지만 텍스트로고는 적당한 폰트를 적절히 이용하면 멋진 로고를 간단히 새겨넣을 수 있습니다.

 

489812e8262f8b79edfd1528e4a562c4.png

 

%user_name% : 이름
%nick_name% : 닉네임
%user_id% :아이디
%time% : 업로드날짜
%email_address% : >이메일, 등의 변수를 사용할 수 있습니다.,

이때 사용할 폰트는 각자 적당한 trueype font를 선택해서 ./moules/imageprocess/font 폴더에 복사해넣으시면 됩니다.

사용이 가능한 폰트의 경우 픈트로 새겨질 글자의 모양이 설정화면에 나타납니다.

 

6909af7917046ccf4b6e17507b2aab5d.png

 

저작권문제와 파일사이즈 관계로 현재는 무료폰트인 JejuHallasan 폰트만 들어있습니다.

https://xetown.com/tips/759042

http://heiswed.tistory.com/entry/Commercial-Free-Fonts 참조

 

기타 기능

 원본저장 

   이미지축소 또는 워터마크나 로고등으로 이미지 손상되기 전의 원본 이미지를 별도로 저장하는 기능입니다.

이미지 자동회전

  사진을 찍을때 기기의 방향을 돌려서 찍는 경우 이미지가 뒤집히거나 누워서 표시되는 경우가 있습니다.

  exif의 orientation data를 이용해서 이미지를 원래의 방향으로 자동으로 돌려주는 기능입니다.

 

132ed5b361cbb1ffae9a8a34e8bb5f58.png

    스마트폰을 눕혀서 촬영한 경우 기능을 사용하지 않으면 왼쪽, 사용하면 오른쪽

dc154b3ddb84d9c6bd395f62f4f86f82.png

 

글쓴이 karma

profile
imageprocess Github : https://github.com/soonjae/imageprocess
통합검색확장모듈 Github : https://github.com/soonjae/isx
아빠팬더곰은 영원한 초보
  • profile

    방금 업데이트를 하고 테스트를 했습니다. imagick 으로 설정하고 사용했는데
    리사이즈/워터마크 이미지 가 안되네요.

     

    이전과 달라진점은 MID별로 다른 설정이 가능했는데(저희는 어차피 사용하지 않았습니다.) 지금은 그런 설정이 없어졌네요.

  • profile profile
    설정방법이 완전히 바뀌었습니다.
    전체 사용을 했었다면 불편하지만 각 모듈별로 다시 설정해주셔야합니다.
    각 게시판의 설정메뉴의 추가설정 항목을 살펴보시기 바랍니다.
  • profile profile
    게시판에 설정이라면 board 모듈에가서 설정을 해야 한다는 건가요? 다시 이전버전으로 복귀 했는데 그렇다면 다시 시도해봐야 겠네요. 그런 설명이 없어서 잘 몰랐네요.
  • profile profile
    그것 관련인지 모르겠는데 지금 아래버전으로 원복한 상태에서 게시판 설정의 추가설정을 누르니 500에러가 발생하네요.
  • profile profile
    트리거를 사용하기 때문에 그럴겁니다.
  • profile profile
    그렇다면 이미지프로세서를 피치못해 삭제할 경우 문제가 될것 같은데요....
  • profile profile
    삭제하셨으면 캐시탓일 가능성이 높습니다.
    캐시 재설정하신후 확인 부탁드립니다.
  • profile profile
    개별설정해 한다는 걸 알았으니 다시 최신버전으로 설치했습니다. ㅋ 다음에 그런 문제가 생기면 캐시재설정해보겠습니다.

    흠.. 게시판이 많아서 개별 설정 안하고 좋았는데.. 지금 열심히 노가다 하고 있습니다. ㅡㅡ;
  • profile profile
    아무 체크를 하지않은 경우 예전에는 전체가 다 동작했지만 개별설정에서는 그게 안됩니다. 따라서 이전에 개별로 체크해서 사용하시던 분들은 그냥 사용하면 되지만 아무 체크 하지 않고 쓰시던 분들은 노가다를 좀 해야할겁니다.
  • ?
    일반적으로 사용하는 커뮤니티에서는 사진 메타데이터를 지우는게 효율적이겠군요. 활용 잘하겠습니다.

    메타데이터 삭제로 이미지 자체에 미치는 영향이 있나요?
  • ? profile
    이미지 퀄리티와는 아무런 상관이 없습니다.
  • profile
    imagemagick 에서 imagick 으로 바꿔서 설정하긴 했는데 이미지 처리 속도가 빨라진게 기분탓만은 아닌 정도의 빠른 응답이 보이네요~~~
  • profile profile
    imagick의 경우 많이 빨라졌을 겁니다.
    외부프로그램이 아닌 php 내부에서 프로세싱하는 탓도 있지만 원스톱으로 한번 읽고 한번 쓰면서 모든 기능을 처리합니다.
    imagemagick은 각 기능마다 별도의 프로세싱을 하기 때문에 화일을 여러번 읽고 여러번 저장하지만 imagick은 한번 읽어서 모든 처리를 끝내고 한번에 저장합니다..
    imagick이 익숙해지면 imagemagick은 삭제할 예정입니다.
  • profile profile
    관리자라 회원들 처럼 매일 글을 쓰지는 않지만 가끔 쓰는 제가 느낄 정도면 회원들의 체감은 더 크게 느껴질 것 같네요. 사이트 특성상 회원들이 스맛폰에서 찍은 일상 사진 고해상도 사진을 직접 업로드해서 컨텐츠를 작성하는데 업로드시간 + 이미지처리시간 이 업로드 시에 약간 기다림? 이 있는데 이시간이 쾌속처럼 느껴질 듯 하네요.
  • profile
    헐... 감사합니다. ㅠ.ㅜ
  • profile
    우와 대박...
  • ?
    저장된 EXIF는 PHP_EXIF 애드온(version 1.6이상)을 설치하면 볼 수 있습니다.

    위 설명은 옵션을 삭제 및 DB 저장을 선택했을 때 이 애드온 설치하면 볼 수 있다는 건가요?
    정말 훌륭한 모듈 만들어 주셔서 감사합니다. ^^
  • ?

    그리고 Imagick을 사용했을 때 mp4파일을 사진 및 파일 첨부 해서 올리면 이런 오류가 납니다. imagick을 사용하면 이미지 외에 다른 파일 형식을 올릴 때 이런 에러가 나는 건지요.

     

    imagick.PNG

  • ? profile
    기본적인 에러체크루틴이 몇개 빠져있었군요.

    새 버전을 올렸습니다.
    계속적인 착각으로 버전만 계속 올라가고 있는 중입니다...ㅋㅋ
  • profile ?
    모듈과 애드온 둘 다 잘 작동합니다. 감사히 잘 사용하겠습니다. ^^
  • ?

    왜 그런지 이유는 정말 모르겠지만
    최신 버전 설치후 특정그룹의 파일 다운로드(관리자포함) 에 영향을 미칩니다. 업로드도 영향을 미치는데 전부인지, 특정그룹인지는 모르겠습니다.
    2.6버전 이미지 프로세스를 제거하니 정상 다운로드가 됩니다.

     

    그리고 기존 2.2버전대 설치하면 파일 다운로드는 정상동작하지만

    2.2 기준 관리자 설정은 들어가지 못하는 상태입니다. 아마 db 에서 무언가 삭제해주기전까지는
    구버전 설정으로는 들어 갈수는 없나 봅니다.
    Template not found: ./modules/imageprocess/tpl/etc_setup.html

  • ? profile

    Ftp 로 올린신 건가요? 누락된 파일이 있나봅니다.

  • profile ?
    2.6버전 파일 다운로드 이슈와는 무관합니다.
    위 파일 누락은 2.2 재설치 할때 문제였는데 파일을 하나씩 업로드 후 해결 되었습니다.
  • ? profile
    이메일을 좀 알려주시면 고맙겠습니다.
    테스트 화일을 보내드리겠습니다.
    테스트를 좀 부탁드립니다.
  • ? profile
    패치 올렸습니다. 확인해보시고 답글 주시면 고맙겠습니다.
  • profile ?
    네. 다운로드 문제 해결 된듯합니다. 고생 많으셨을텐데 빠른 도움 감사합니다.
  • profile

    수고 하셨습니다.
    감사히 잘 쓰겠습니다.
    PHP 7.0 라이믹스 1.9.9.1 에서 imagick 으로 정상 사용중입니다.

    각 게시판 설정 메뉴의 추가 설정 항목을 제작자님 말씀데로 약간에 노가다는 했습니다.

  • profile

    리사이즈가 크기만 줄고 용량은 줄지 않는 이상한 결과가 나옵니다. 이전 버전 까지는 대략 200k 내외로 주었으나 사진이 몇장 밖에 안올라간다는 피드백을 보고 확인하니 사진이 2,3메가 용량이네요. 물론 가로폭은 설정한 사이즈로 줄어들었습니다.

     

    이게 모든 유저는 아니고 특정 유저들 에서 발생하는 것 같습니다. 스토리지용량 트래픽이 과다하게 사용되어 빨리 원인을 찾아 해결해야할 것 같습니다.

     

    해당 사진을 다운받아 보니 역시 용량은 수백kb 로 줄어 있는데 용량이 줄어든 것으로 확인되지 않아 첨부용량이 금방 초과되어 사진을 두세장 밖에 못올리는 상황인 듯 하네요.

  • profile

    위 증상이 제가 테스트해도 동일현상이 발생해서 다운그레이드 하고 정상이 되었음을 확인했습니다. 폰에서만 테스트 했습니다.
    2.6.4 ->2.6.2 로 돌아왔습니다.

    사진이 처리된 후 저장된 후모두 원본 사이즈로 체크됩니다.

  • profile profile
    확인했습니다.
  • profile profile
    패치 올렸습니다.
  • profile profile
    제 폰에서 확인하니 현상이 동일합니다. 다시 이전 버전으로 되돌아가야겠습니다.
  • profile profile

    캐시 삭제하고 한번 더 해보시기 바랍니다.

    CKeditor에서는 확인인 안되고 XE에서만 확인이 가능하네요.

    K-20190401-437207.png

    822K 짜리 화일을 2번 올렸습니다.

    수정전과 수정후입니다.

  • profile profile

    에디터에서 확인이 안되면 파일 용량 초과로 추가 업로드가 안됩니다.

    - 지금 다운그레이드한 버전에서는 에디터 상에서 업로드되고 난 직후 용량이 줄어든 용량으로 바로 표시됩니다.
    캐시재생성 해서 게시글 들어가서 수정을 눌러보아도 그렇과 관리자 페이지에 파일 목록에서 용량은 원본 사이즈 입니다.

    모바일에서 우선 문제가 되어 저는 PC는 테스트 진행하지 않았습니다. 모바일에서도 문제가 없나요 ?

  • profile profile

    혹씨 몰라서 업로드된 파일 다운로드 받아서 모바일에서도 확인했습니다.

    K-20190401-446631.png

  • profile profile

    이미 제보해 드렸지만 다운로드 받으면 파일은 용량이 줄어들어있습니다.
    하지만 XE에서 기록된 파일 용량이 원본용량으로 체크되어 있어 문제가 되는 것입니다.
    게시글 내 제한된 용량이 금방 차버려 2,3장 밖에 못올리는 문제입니다.
     

     

    저희는 XE 최신버전이고 제 폰은 안드로이드 6.0 이었고 아이폰 사용자들도 그런것 같습니다.

    2.6.2 로 설치하면 이상이 없습니다.

     

    특이점은 2.6.2 에서 최신버전 또는 최신버전에서 2.6.2 로 바꿔서 설치할때마다 관리자페이지에서 모듈업데이트가 뜹니다. 이건 혹시 몰라 적었습니다.

     

    파일용량을 체크하는 시점 등에 문제가 생긴 것 아닌가 하는 생각이 드네요.

    저희는 메타데이터 삭제 기능 사용합니다.

  • ?

    imagick01.PNG

     

    2.6.5. 사용중입니다. 821 x 12603픽셀 1메가 정도의 세로로 긴 .jpg 이미지를 올리고 글등록을 하며 이런 에러 메세지가 나오며 글등록이 안되는데 목록으로 돌아가면 글이 목록에서는 보이지만 글을 클릭하면 같은 에러메세지가 나오며 글을 볼 수 없습니다.

     

    이미지 최대 사이즈를 1360 으로 사용중이고, 기준축을 가로축 기준으로 사용하고 있습니다.

    가로세로중간쪽기준을 사용하면 이미지가 올라가면서 글등록은 되지만 이미지 사이즈가 가로 세로 정말 작아집니다.

  • ?
    다른 이미지들은 문제 없는데 현재까지 위 이미지만 그렇습니다.
  • ?

    imagick_error.PNG

    2.6.6.으로 업글했는데 이번엔 라인 988에서 에러가 나네요.

  • profile

    2.6.6 으로 업데이트 시 추가로 워터마크 까지 적용이 안되는 문제가 또 발생하네요.

     - 다시 확인해보니 워터마크 위치가 설정과 다른 위치에 찍히는 것이네요. 우측 하단에 설정되어 있는데 좌측 상단에 찍혀 못봤었네요.
    이미지 사이즈는 원본 사이즈로 표시되서 이전에 제보드린 문제는 지속되고 있습니다.

     

    2.6.2 로 복귀 합니다.

  • profile profile
    imagick도 PHP내부에서 실행되기 때문에 메모리 문제에서 자유로워지기 어렵습니다.
    워터마크가 찍히지 않는다면 리사이즈도 안되어있을겁니다.

    imagick이 메모리를 어떻게 사용하는지 저도 아직 감을 못잡았습니다.
    사이즈가 큰 이미지를 가지고 테스트해본 결과 똑같이 설정된 두개의 서버에서 각기 다른 반응이 나올 때가 많은데 그 차이점을 알아내지 못하고 있습니다.
    한쪽 서버에서는 아무리 큰 이미지를 올려도 아무 문제가 되지 않는데 한쪽에서는 일정한 파일을 올리면 에러가 발생하더군요. 단순한 사이즈 문제만은 아닌 것같습니다.
  • profile profile

    2.6.2에서는 문제가 없으신가요?

  • profile profile

    저희는 2.6.2 에서는 정확히 리사이즈 후 이미지 사이즈로 표시됩니다.

    이미지 처리는 정상적으로 되고 있습니다. 리사이즈도 정확히되고 사이즈도 실제 줄어들어 있습니다.(다운로드 받아보면 이미지 용량이 다릅니다. 줄어든 용량)
    그런데 원본때 체크된 사이즈가 에디터상 에 기록되어 버려 XE 모든 곳에 해당 원본사이즈로 기록되는 문제입니다.

    워터마크는 위치가 잘못된 곳에 찍혀 못본 것 뿐입니다.

  • profile profile
    계속 2.6.2 에서 문제 없다고 보고 드렸습니다. 사이즈 표시 문제만 있습니다. 워터마크 위치 바뀌는건 이번 패치에 새롭게 발견 된 것이구요.
  • profile

    저로서는 아직 이해가 안되는군요.
    2.6.2에서 몇가지 버그 수정만 한 버전인데 기능이 다르게 나온다니까 좀 당황스럽네요.

    diff를 열심히 뒤져보고 있는데 기능상 차이가 있을 만한 라인은 없어보이네요.

     

    우선 2.6.2 버전의 imageprocess.controller.php의 66-69번라인

    if(preg_match("/\.(jpg|jpeg|gif|png)$/i", $file) && ($ipConfig->watermark_use == 'Y' || $ipConfig->resize_use == 'Y' || $ipConfig->textlogo_use == 'Y')) 
    {
    $this->updatefileszie($file,$args->file_srl);
    }

    if(preg_match("/\.(jpg|jpeg|gif|png)$/i", $file) && ($ipConfig->watermark_use == 'Y' || $ipConfig->resize_use == 'Y')) 
    {
    $args->file_size = filesize($file);
    $output = executeQuery('imageprocess.updateFileSize', $args);
    }

    로 바꾸시면 화일 사이즈 문제는 해결될겁니다.

     

    나머지 차이점은 좀더 살펴보겠습니다.

  • profile profile

    화일 사이즈 말고 나머지 무엇을 말씀 하시는 것인가요? 저의 사이트에서 2.6.6에서 새롭게 발견된건 워터마크 위치가 이상한 위치에 찍히는 것 말고는 제보드린게 아직 없는데요 ?

     

    워터마크 문제는 2.6.5 까지 이상 없었습니다.

  • profile profile
    소스 위치가 뒤바뀐 것 같습니다. 아래것을 위에것 처럼 바꾸면 된다는 말씀 같이 해석이 되어지구요.

    한가지 이상한점은 2.6.2 폴더에 보면
    .imageprocess.model.php.swp 파일이 동봉되어 있네요.

    물론 2.6.2 에서는 저희는 이상이 없습니다.
  • profile profile
    그리고 2.6.2 버전에서 이후 버전에 변경된 것 중 특이점이

    224 라인 부터 주석이 되어 있습니다. 이분이 파일 사이즈 변경된거 갱신하는 거 아닌지요? 이부분이 주석되어 지금 혹시 원본 사이즈로 처리되는건지 혹시나 댓글 적어드렸습니다.

    /* function updatefileszie($file,$file_srl)
    {
    $args = new stdclass;
    $args->file_srl = $file_srl;
    $args->file_size = filesize($file);
    $output = executeQuery('imageprocess.updateFileSize', $args);
    }
    */
  • ?

    karma님 이미지 프로세스 모듈 사용중에 문제가있어 댓글 남깁니다 사실 모듈문제인지는 모르겠으나, 시기상 이미지 프로세스 업데이트후 문제가 생기고있는거같아 댓글 남깁니다 이미지 축소기능을 사용하지 않았음에도 모바일에서 이미지를 업로드시 이미지가 축소되어서 올라가는 현상이 있는데 혹시 문제 인지하고 계시나요?

  • ? profile
    글쎄요.
    모바일이나 PC나 동작이 다르게 나타나는 프로그램은 아닙니다.
    모바일이라고 해서 사용하지 않음에 체크되어있으면 리사이즈가 되지는 않을 겁니다.
  • profile
    2.6.2 사용중인데 2.6.6 업그레드 문제 없나요?
  • profile profile
    각 버전별로 각기 다른 문제들이 많이 있습니다. 문제가 없다고 생각했던 2.6.2 버전은 파일다운로드 오류의 문제가 있어 저희는 2.6.2 버전에서 최신버전의 파일다운로드 함수를 가져와서 해당 문제는 회피해서 사용중입니다.

    그리고 2.6.2 이후 버전들에서는 리사이즈후 리사이즈된 파일사이즈가 반영되지 않아 파일업로드 용량 제한에 걸려버러 두세장 밖에 못올리는 상황이 연출됩니다. 또 최신버전 중에는 워터마크가 이상한 위치에 찍히는 현상도 있습니다.

    위에 제가 댓글로 제보한 것 중 중요한 부분만 적어드렸습니다.
  • profile profile
    답변 감사합니다.
  • profile
    저는 첫번째 단계부터 안 보이네요?!
    "./modules/imgeprocess 폴더에 파일이 복사되면 관리자 화면에서 모듈업데이트와 DB Table 생성하기 버튼이 나타납니다."

    그런데.. 저는 몇 번을 설치해봐도, "모듈업데이트와 DB Table 생성하기" 버튼이 나오지 않습니다.
    왜 그럴까요?

서버에 요청 중입니다. 잠시만 기다려 주십시오...