phpThumb 덕에 썸네일 걱정없이 산지 몇 주가 됐습니다.
철저하게 API를 분석, 공부하고 프로그램을 설치한 게 큰 도움이 된 것 같습니다.
그런데 문제가 생겼습니다.
사람 얼굴이 있는 세로사진으로 가로 모양의 썸네일을 생성하니까 사람 얼굴이 잘려 버리는 것이었습니다.
아래를 참고하세요.
분명히 자를 때 위치를 조정하는 방법이 있을 거라고 생각하고 다시 phpThumb의 API를 뒤졌습니다.
역시 있었습니다. 두 가지 방법이 있었습니다. 그 중에 효율적이라고 생각하는 방법을 알려드리겠습니다.
사진 잘라서 썸네일 만들 때 위치를 정하는 방법
일단, 수정한 결과는 아래처럼 됐습니다.
이걸 하면서 참고한 데모 페이지는 여기입니다.
그리고 위 사진의 주소는 아래와 같습니다.
http://www.left21.com/phpThumb/phpThumb.php?w=70&sx=0&sy=30&sw=300&sh=214&src=/Photo/left21_0034/left21_0034_10.jpg
자, 아래 표는 위에서 사용한 각 변수들을 나타냅니다.(phpThumb readme.txt의 parameters 항목을 참고하면 됩니다.)
| 변수명 | 뭔가? | 무엇의 약자인가? |
| w | 가로 사이즈겠죠 | width |
| sx | x축 시작위치 | source x – left side of source rectangle |
| sy | y축 시작위치 | source y – top side of source rectangle |
| sw | x축 길이 | source width – width of source rectangle |
| sh | y축 길이 | source height – height of source rectangle |
| src | 사진 주소 | source |
자, 위의 변수들을 조합하면 원본 사진을 원하는 위치로 자른 다음 축소하는 게 가능해지는 겁니다.
그림으로 표현하면 아래처럼 되겠죠.
sx, sy, sw, sh 를 이용하면 원본 이미지를 자를 수 있습니다. 만약
/phpThumb.php?src=filename.jpg&sx=0&sy=30&sw=300&sh=214
이렇게 썼다면, 위에서 네모칸을 친대로 이미지가 잘려서 표시될 겁니다.
sx는 자르기 시작할 x축 위치를 의미합니다.
sy는 자르기 시작할 y축 위치를 의미합니다.
sw는 자를 넓이를 의미합니다.
sh는 자를 높이를 의미합니다.
그래서 위 주소처럼 쓴다면?
x축 0와 y축 30에서 자르기 시작해, 가로로 300px, 세로로 214px을 잘라라. 하는 게 되죠.
그 결과 아래처럼 표시되는 겁니다.
그리고 마지막으로, w=70 이라고 넣어 준다면?
그러면 아래처럼 위 이미지가 축소되는 것입니다.
참 쉽죠잉?
기본적으로 자를 사이즈는 프로그램쪽에서 해 줘야
자, 여기서 php 등 프로그램 쪽에서 sh를 계산해 줘야 할 필요가 있습니다.
가로 사이즈가 300인 아이도 있겠죠, 500인 아이도 있겠죠.
모든 썸네일을 70×50 으로 만들고 싶습니다. 그러면 어떻게 할까요?
일단 sx=0 으로 하고 sw는 그냥 기본 width를 넣으면 될 겁니다. 이건 php 등에서 이미지 사이즈를 구하는 함수를 사용하면 되겠죠.
자, 가로 사이즈에 맞춰서 자를 세로 사이즈를 구해야 합니다.
그러면? php라면 아래처럼 계산하면 되겠죠.
$sh = $가로사이즈 * ( 50 / 70 )
댓글 남기기