CFIMAGE 태그를 이용한 이미지 썸네일 만들기
Category : ColdFusion Comments : 3 Comments Posted by 장창학 at 2:13 PM
Bookmark and Share

게시판 등에서 이미지를 첨부할때나, 게시판에서 최근글 등을 추출할때, 원본 이미지 사이즈가 너무 큰 경우 가장 편한 방법은 강제로 원하는 크기로 <img>태그의 width와 height속성을 이용해 줄여 표현합니다. 하지만 이 경우 원본 이미지를 구겨서 표현하기 때문에 지저분해 보이거나, 이미지의 파일용량은 변함이 없기 때문에 로드 속도 또한 느려지게 됩니다. 이때 <CFIMAGE>태그를 이용하면, 간단히 이미지의 썸네일을 만들 수 있습니다.



<!--- 원본 이미지의 정보를 가져옴 --->
<cfimage action="info" structname="imagetemp" source="#expandPath('kim.jpg')#" />

<!--- 원본이미지에서 쎔네일로 생성할 가로,세로사이즈 --->
<cfset x=min(200/imagetemp.width, 250/imagetemp.height) />
<cfset newwidth = x*imagetemp.width />
<cfset newheight = x*imagetemp.height />

<!--- 썸네일 이미지 생성 --->
<cfimage 
 action="resize" 
 source="#expandPath('kim.jpg')#" 
 width="#newwidth#" 
 height="#newheight#" 
 destination="#expandPath('kim_small.jpg')#" 
 overwrite="true" 
/>

<img src="kim.jpg" mce_src="/blog/kim.jpg" border="0" />
<img src="kim_small.jpg" mce_src="/blog/kim_small.jpg" border="0" />


미리보기 : http://www.cflab.com/samples/cfimage/demo.cfm

Comments

박재현
호~

멋진 사이트네요. 언제 이런 사이트를 만드셨나요^^

나두 하나 만들어볼까하는 생각만 아직도 하고 있네요. 헌데 요즘은 회사일로 아예 콜드퓨전은 볼 시간도 없다는게..^^; 하여간 열심이신 장창학님을 보고 다시 내 자신을 돌아보네요^^ 정말이지 나도 이런 사이트를 하나 만들어봐야겠는데 언제나 만들런지.. 이러다 영 못만들지는 않을지 모르겠네요...ㅋㅋ

좋은 정보 많이 공유해 주세요^^
장창학
안녕하세요? 박재현님.. ㅎㅎ 블로그 바꾼지는 한 2주 되어 갑니다. 카페24멀티호스팅으로 운영중인데요. 이상하게 Mango블로그가 MySQL 5를 지원하는데도 Cafe24에서는 오류가 나더라고요. 멀티호스팅이라 MSSQL으로 DSN을 연결해서 쓰고 있습니다. 박재현님 바쁘시더라도 Coldfusion 기본에 관련된 노하우를 많이 알려주세요. 저는 기초가 부족해서 배열과 같은 중요한 부분을 아직도 이해를 못하고 있습니다. ㅠㅠ; 주옥같은 글들 기대하겠습니다.

아울러, 5월~6월중으로 저희 회사 서버에 Coldfusion을 도입하고자 합니다. 그때 Galleon과 같은 포럼으로 확대코자 하는데 아직 엔진은 Adobe Coldfusion으로 할지, Railo로 할지 논의중입니다. (당연히 회사에서는 비용적인 문제로 Railo를 선호..근데 Adobe Coldfusion 8 Standard버전 견적을 받아보았더니 헉!! 250만원이나 하더군요.. 올라도 너무올랐어..)
장창학
CFIMAGE태그로 Rasize를 하는 경우 JPG이미지는 기본적으로 0.75 즉, 퀄리티를 원본이미지의 75%정도 표현합니다. 이를 원본 퀄리티와 같게 하려면 CFIMAGE태그내에 quality = "1" 와 같이 100%의 퀄리티를 유지하라는 코드를 넣으면 됩니다.

(우리 이쁜 태희양 얼굴 퀄리티는 낮출수가 없기에 ㅠㅠ;)

Write your comment



(it will not be displayed - 실제로 댓글 목록에서는 출력되지 않습니다)



Leave this field empty:




About me

Categories

Monthly Archives

Links

Recent Posts

Recent Comments