php > 내가 만들어 쓰는 함수 > 원본이미지를 정비율로 리사이즈 처리하기

· 16년 전 · 2685
대단할것은 없는 강좌이지만,
제 강좌를 출처를 밝히고 외부로 퍼가는 것은 허용하지만,
다른 강좌의 자료나 책의 자료로 사용되거나 부분적인 인용은 허용하지 않습니다.

 

강좌는 php 5. 대를 기준으로 하며, 기본적으로 GD 나 FREETYPE 등의
기본적인 라이브러리는 연동되었다는 가정하에 진행합니다.

예전 개발 환경에서는 GD 나 FREETYPE 등의 연동여부나 php버젼들을 따졌지만,
요새 개발 환경에서는 대부분 기본적으로 다 제공하기 때문에 그렇습니다.



php > 내가 만들어 쓰는 함수 > 원본이미지를 정비율로 리사이즈 처리하기

이전에는 이미지 처리에 필요한 기본함수 두개를 만들어 보았습니다.
이번에는 썸네일 생성등에 많이 쓰이는 이미지 정비율 리사이즈를 예제로 통해 알아보도록 하겠습니다.

이미지 리사이즈 처리를 하기 위해선 먼저 알아야 할 몇가지 내장함수가 있습니다.
그것부터 먼저 이해하고 다음 과정으로 넘어가고자 합니다.

imagecreatetruecolor ( int $width , int $height )
설명 : 지정된 너비와 높이로 true color 이미지 리소스를 생성합니다. 성공시에는 이미지리소스를 반환, 실패시에는 false 를 반환합니다.
인자 : 이미지의 크기를 지정하는 너비와 높이를 받습니다. 픽셀 단위의 0보다 큰 정수를 사용합니다.


imagecopyresampled ( resource $dst_image , resource $src_image , int $dst_x , int $dst_y , int $src_x , int $src_y , int $dst_w , int $dst_h , int $src_w , int $src_h )
설명 :
원본을 복사하여 크기를 리사이즈 한후에 GD 라이브러리가 이미지를 재구성하여 복사본을 만듭니다. 성공시에는 true, 실패시에는 false 를 반환합니다.
인자 :
  $dst_image -> 복사본으로 만들어질 이미지의 리소스
  $src_image -> 원본 이미지의 리소스
  $dst_x -> 복사본에 복사할 시작점의 x좌표
  $dst_y -> 복사본에 복사할 시작점의 y좌표
  $src_x -> 원본에서 복사되어질 부분의 시작점의 x좌표
  $src_y -> 원본에서 복사되어질 부분의 시작점의 y좌표
  $dst_w -> 복사본 이미지의 너비
  $dst_h -> 복사본 이미지의 높이
  $src_w -> 원본 이미지의 너비
  $src_h -> 원본 이미지의 높이

imagecopyresampled
함수의 인자설명에서 나와있듯이 이미지 리사이즈를 하기 위해서는 이미지 원본의 너비와 높이 정보가 필요합니다.
그런데 우리가 이전에 만들엇던 get_image_resource_from_file 함수는 이미지의 원본으로 이미지 리소스를 받아오지만 리턴값은 이미지 리소스만 있기 때문에 이미지 리사이즈를 하기 위해선 다시 getimagesize를 중복 사용해야만 하는 비효율성이 있습니다.
그래서, get_image_resource_from_file 를 먼저 조금 수정하도록 합니다.

예제1 : get_image_resource_from_file

//특정 이미지파일(gif, jpg, png 만 지원)의 경로로 부터 이미지 리소스를 받아온다. 리턴값은 성공시에는 이미지리소스와 이미지 정보가 담긴 배열을 반환, 실패시에는 빈 배열을 반환
function get_image_resource_from_file ($path_file){ 

  if (!is_file($path_file)) {//파일이 아니라면

    $GLOBALS['errormsg'] = $path_file . '은 파일이 아닙니다.';

    return Array();
  }
   
  $size = @getimagesize($path_file);
  if (empty($size[2])) {//이미지 타입이 없다면

    $GLOBALS['errormsg'] = $path_file . '은 이미지 파일이 아닙니다.';

    return Array();
  }

  if ($size[2] != 1 && $size[2] != 2 && $size[2] != 3) {//지원하는 이미지 타입이 아니라면

    $GLOBALS['errormsg'] = $path_file . '은 gif 나 jpg, png 파일이 아닙니다.';

    return Array();
  }

  switch($size[2]){

    case 1 : //gif

      $im = @imagecreatefromgif($path_file);

      break;

  

    case 2 : //jpg

      $im = @imagecreatefromjpeg($path_file);

      break;

  

    case 3 : //png

      $im = @imagecreatefrompng($path_file);

      break;
  }

  if ($im === false) {//이미지 리소스를 가져오기에 실패하였다면

    $GLOBALS['errormsg'] = $path_file . ' 에서 이미지 리소스를 가져오는 것에 실패하였습니다.';

    return Array();
  }
  else {//이미지 리소스를 가져오기에 성공하였다면

    $return = $size;
    $return[0] = $im;
    $return[1] = $size[0];//너비
    $return[2] = $size[1];//높이
    $return[3] = $size[2];//이미지타입
    $return[4] = $size[3];//이미지 attr

    return $return;
  }
}


원래 get_image_resource_from_file 함수에서 수정된 부분을 설명하자면, 다른 모든 처리는 그대로 이고, 이미지 정보의 재사용을 위해 리턴값만 변경해 주었습니다. 

기존에는 실패시 false 를 반환하던것을 빈배열로 반환하고,
기존에는 return $im; 이었던 것을
$return = $size;
$return[0] = $im;
$return[1] = $size[0];//너비
$return[2] = $size[1];//높이
$return[3] = $size[2];//이미지타입
$return[4] = $size[3];//이미지 attr

return $return;
이렇게 변경하여 주었습니다.

이전에 사용시에는 $im = get_image_resource_from_file ('원본 이미지 경로'); 였지만, 수정후 사용시에는 list($im, $width, $height, $type) = get_image_resource_from_file ('원본 이미지 경로'); 와 같이 사용합니다.

수정된 함수를 가지고 이전의 test3.php 파일을 test4.php 파일로 수정해 보도록 하겠습니다.

예제2 : test4.php


<?php

//이미지 처리 함수 인클루드
include_once 'lib/image_proc.function.php';


$path_file1 = 'sample_image/nofile.jpg';//존재하지 않는 파일
$path_file2 = 'sample_image/test.jpg';//실제 존재하는 원본파일
$path_copyfile1 = 'sample_image/test_copy.gif';//이미 이전 테스트에서 생성한 이미지
$path_copyfile2 = 'sample_image/test_copy_2.gif';
$path_copyfile3 = 'sample_image/test_copy_2.jpg';
$path_copyfile4 = 'sample_image/test_copy_2.png';
$path_copyfile5 = 'sample_image/test_copy2';//확장자가 없는 이미지 저장경로


//이미지 리소스를 받아온다.
list($im1, $im1_width, $im1_height, $im1_type) = get_image_resource_from_file ($path_file1);
if (empty($im1)) echo $GLOBALS['errormsg'] . "<br />\n";

list($im2, $im2_width, $im2_height, $im2_type) = $a = get_image_resource_from_file ($path_file2);
if (empty($im2)) echo $GLOBALS['errormsg'] . "<br />\n";


//원본이미지의 정보를 확인한다.
echo $path_file2 . " 의 너비는 " . $im2_width . ", 높이는 " . $im2_height . " 입니다.<br />\n";


//이미지를 새로운 이름으로 저장한다.
$result_save1 = save_image_from_resource ($im2, $path_copyfile1);
if ($result_save1 === false) echo $GLOBALS['errormsg'] . "<br />\n";
else echo $path_copyfile1 . " 에 이미지가 복사되었습니다.<br />\n";

$result_save2 = save_image_from_resource ($im2, $path_copyfile2);
if ($result_save2 === false) echo $GLOBALS['errormsg'] . "<br />\n";
else echo $path_copyfile2 . " 에 이미지가 복사되었습니다.<br />\n";

$result_save3 = save_image_from_resource ($im2, $path_copyfile3);
if ($result_save3 === false) echo $GLOBALS['errormsg'] . "<br />\n";
else echo $path_copyfile3 . " 에 이미지가 복사되었습니다.<br />\n";

$result_save4 = save_image_from_resource ($im2, $path_copyfile4);
if ($result_save4 === false) echo $GLOBALS['errormsg'] . "<br />\n";
else echo $path_copyfile4 . " 에 이미지가 복사되었습니다.<br />\n";

$result_save5 = save_image_from_resource ($im2, $path_copyfile5);
if ($result_save5 === false) echo $GLOBALS['errormsg'] . "<br />\n";
else echo $path_copyfile5 . " 에 이미지가 복사되었습니다.<br />\n";


@imagedestroy($im2);

?>

이미지를 정비율로 리사이즈 하기 위해서는 약간의 수학 공식을 알아야 합니다.
중학교때를 생각하며 다음 문제를 봅니다.

문제 > X1의 값은 200 이고 Y1 의 값은 500 이라고 할때 X2가 100 의 값을 가진다면 Y2 는 얼마인가?
풀이 >
X1 : Y1 = X2 : Y2
X1 * Y2 = Y1 * X2
Y2 = (Y1 * X2) / X1 또는, 곱하기 나누기는 순서를 바꿔도 상관없으니까 Y2 = (X2 / X1) * Y1 로도 할수 있습니다.
따라서 Y2 = (100 / 200) * 500 에 의해 250 이다.


오래 되서 맞는 지는 모르겟지만 이랬던거 같습니다.
아무튼 썸네일의 높이를 구하기 위해서는 만들고자 하는 썸네일의 너비 나누기 원본의 너비 곱하기 원본의 높이입니다.
이것을 프로그램에서는

$resize_rule = $dst_w / $src_w; //비율을 구한다.
$dst_h = $resize_rule * $src_h;

입니다. 반대의 경우, 즉 썸네일의 높이를 알고 있을때 썸네일의 너비를 구할때는

$resize_rule = $dst_h / $src_h; //비율을 구한다.
$dst_w = $resize_rule * $src_w;

와 같이 합니다.


이미지 정비율로 리사이즈 처리하기 위해서 필요한 부분들은 모두 익혔고, 이미지를 정비율로 리사이즈하는 처리는 test5.php 예제와 같습니다.

예제 3: test5.php


<?php

//이미지 처리 함수 인클루드
include_once 'lib/image_proc.function.php';


$path_file = 'sample_image/test.jpg';//원본파일
$path_resizefile = 'sample_image/test_resize.jpg';//리사이즈되어 저장될 파일 경로
$dst_w = 200;//만들어질 이미지의 너비 지정, 픽셀단위의 0이상의 정수를 지정

//이미지 리소스를 받아온다.
list($src, $src_w, $src_h) = get_image_resource_from_file ($path_file);
if (empty($src)) die($GLOBALS['errormsg'] . "<br />\n");

//만들어질 이미지의 높이를 결정한다.
$resize_rule = $dst_w / $src_w;
$dst_h = ceil($resize_rule * $src_h);//소숫점이 나올것을 대비하여 무조건 올림을 한다.

$dst = @imagecreatetruecolor ($dst_w , $dst_h);//만드어질 $dst_w , $dst_h 크기의 이미지 리소스를 생성한다.
if ($dst === false) die("$dst_w , $dst_h 크기의 썸네일 이미지의 리소스를 생성하지 못했습니다.<br />\n");

$result_resize = imagecopyresampled ($dst , $src , 0 , 0 , 0 , 0 , $dst_w , $dst_h , $src_w , $src_h );
if ($result_resize === false) die("리사이즈에 실패하였습니다.<br />\n");

$result_save = save_image_from_resource ($dst, $path_resizefile);//저장
if ($result_save === false) die($GLOBALS['errormsg'] . "<br />\n");

@imagedestroy($src);
@imagedestroy($dst);


//성공하였다면 이미지 출력

?>
원본 이미지 <br />
<img src='<?=$path_file?>'> <br />
썸네일 이미지 <br />
<img src='<?=$path_resizefile?>'> <br />

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
15년 전 조회 1,235
15년 전 조회 1,184
15년 전 조회 1,233
15년 전 조회 1,372
15년 전 조회 1,412
15년 전 조회 2,912
15년 전 조회 1,241
15년 전 조회 1,897
15년 전 조회 1,778
15년 전 조회 1,907
15년 전 조회 1,600
15년 전 조회 2,105
15년 전 조회 911
15년 전 조회 1,377
15년 전 조회 1,359
15년 전 조회 3,139
15년 전 조회 3,525
15년 전 조회 2,197
15년 전 조회 1,643
15년 전 조회 2,268
15년 전 조회 1,759
15년 전 조회 1,377
15년 전 조회 4,062
15년 전 조회 1,731
15년 전 조회 1,798
15년 전 조회 3,097
15년 전 조회 1,787
15년 전 조회 4,460
15년 전 조회 2,666
15년 전 조회 3,447
15년 전 조회 2,074
15년 전 조회 2,306
15년 전 조회 1,590
15년 전 조회 4,655
15년 전 조회 4,308
15년 전 조회 4,106
15년 전 조회 5,496
16년 전 조회 3,727
16년 전 조회 2,087
16년 전 조회 2,044
16년 전 조회 2,188
16년 전 조회 1,884
16년 전 조회 4,327
16년 전 조회 3,219
16년 전 조회 2,385
16년 전 조회 1,967
16년 전 조회 2,174
16년 전 조회 2,675
16년 전 조회 1,757
16년 전 조회 2,686
16년 전 조회 2,005
16년 전 조회 2,135
16년 전 조회 1,780
16년 전 조회 2,481
16년 전 조회 1,804
16년 전 조회 2,222
16년 전 조회 2,383
16년 전 조회 1,472
16년 전 조회 1,541
16년 전 조회 2,194
16년 전 조회 5,612
16년 전 조회 1,910
16년 전 조회 2,435
16년 전 조회 2,635
16년 전 조회 1,792
16년 전 조회 1,574
16년 전 조회 2,492
16년 전 조회 5,208
16년 전 조회 2,484
16년 전 조회 3,149
16년 전 조회 2,013
16년 전 조회 3,881
16년 전 조회 4,713
16년 전 조회 3,362
16년 전 조회 2,601
16년 전 조회 2,697
16년 전 조회 2,945
16년 전 조회 2,448
16년 전 조회 5,833
16년 전 조회 3,642
16년 전 조회 1,632
16년 전 조회 1,973
16년 전 조회 5,334
16년 전 조회 2,596
16년 전 조회 3,671
16년 전 조회 2,952
16년 전 조회 1,821
16년 전 조회 5,663
16년 전 조회 2,774
16년 전 조회 6,235
16년 전 조회 2,206
16년 전 조회 4,266
16년 전 조회 3,291
16년 전 조회 2,484
16년 전 조회 2,484
16년 전 조회 4,657
16년 전 조회 3,551
16년 전 조회 3,086
16년 전 조회 3,231
16년 전 조회 2,346