今日の人気記事

  1. 日本語環境の設定 - mbstring

サムネイル画像の作成方法 - サンプルコード

当ページのリンクには広告が含まれています。

プログラミング言語PHPで、サムネイル画像を作成する方法（サンプルコード）を紹介します。

サンプルコード

サムネイル画像を作成するサンプルコードです。

<?php
// コンテンツがPNG画像であることをブラウザにお知らせ 
header ('Content-Type: image/png');

// オリジナル画像のファイルパスを指定
$original_file = 'images/sakura.png';

// getimagesize関数 オリジナル画像の横幅・高さを取得
list($original_width, $original_height) = getimagesize($original_file);

// サムネイルの横幅を指定
$thumb_width = 200;

// サムネイルの高さを算出 round関数で四捨五入
$thumb_height = round( $original_height * $thumb_width / $original_width );

// オリジナルファイルの画像リソース
$original_image = imagecreatefrompng($original_file);

// サムネイルの画像リソース
$thumb_image = imagecreatetruecolor($thumb_width, $thumb_height);

// サムネイル画像の作成
imagecopyresized($thumb_image, $original_image, 0, 0, 0, 0,
                 $thumb_width, $thumb_height,
                 $original_width, $original_height);

// サムネイル画像の出力
imagepng($thumb_image);

// 画像リソースを破棄
imagedestroy($original_image);
imagedestroy($thumb_image);
?>

少し長いのでひとつずつ細かく分解して、みていきましょう。

ヘッダー

作成したサムネイル画像をPNG画像として出力するため、まずはブラウザーにコンテンツがPNG画像ですよーっとお知らせしておきましょう。

// コンテンツがPNG画像であることをブラウザにお知らせ 
header ('Content-Type: image/png');

JPEG画像の場合はこのように記述します。

// コンテンツがJPEG画像であることをブラウザにお知らせ 
header ('Content-Type: image/jpeg');

オリジナル画像のサイズ

次にサムネイルを作成するオリジナル画像の横幅と高さを取得します。

// オリジナル画像のファイルパスを指定
$original_file = 'images/sakura.png';

// オリジナル画像の横幅・高さを取得
list($original_width, $original_height) = getimagesize($original_file);

画像サイズの取得には getimagesize 関数を使います。

サムネイル画像のサイズ

取得したオリジナル画像のサイズからサムネイル画像のサイズを計算します。ここではサムネイル画像の横幅を「200」に固定し、高さを算出しています。

// サムネイルの横幅を指定
$thumb_width = 200;

// サムネイルの高さを算出 round関数で四捨五入
$thumb_height = round( $original_height * $thumb_width / $original_width );

算出した高さの小数点以下は round 関数を使って、四捨五入しています。

画像リソースの確保

オリジナル画像とサムネイル画像をメモリ上の画像リソースとして確保します。

// オリジナルファイルの画像リソース
$original_image = imagecreatefrompng($original_file);

// サムネイルの画像リソース
$thumb_image = imagecreatetruecolor($thumb_width, $thumb_height);

ファイルの画像リソースには imagecreatefrompng()、 これから作成するサムネイルの画像リソースには imagecreatetruecolor() を使います。

サムネイル画像の作成

画像リソースと横幅・高さを指定し、サムネイル画像を作成します。

// サムネイル画像の作成
imagecopyresized($thumb_image, $original_image, 0, 0, 0, 0,
                 $thumb_width, $thumb_height,
                 $original_width, $original_height);

サムネイル画像の作成には、画像をリサイズする imagecopyresized 関数を使います。

サムネイル画像の出力

作成したサムネイル画像をブラウザーへ出力します。

// サムネイル画像の出力
imagepng($thumb_image);

画像リソースの出力には imagepng 関数を使います。

画像リソースの破棄

確保しておいた画像リソースを破棄します。

// 画像リソースを破棄
imagedestroy($original_image);
imagedestroy($thumb_image);

画像リソースの破棄には imagedestroy 関数を使います。

オリジナル画像とサムネイル画像を表示

HTMLでオリジナル画像とサムネイル画像を表示してみましょう。

サムネイル画像を作成するサンプルコードをファイル名「image-thumbnail.php」として保存し、以下の HTML から呼び出します。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サムネイル画像の作成方法 - PHP入門 - Webkaru</title>
</head>
<body>
<p>オリジナル画像</p>
<img src="images/sakura.png" />

<p>サムネイル画像</p>
<img src="image-thumbnail.php" />
</body>
</html>

それでは実際に HTML へアクセスしてみましょう。

サムネイル画像作成のサンプル

image-thumbnail-01
サンプルにアクセスするとこのようにオリジナル画像から指定した横幅のサムネイル画像が作成されていますね。

その他の サンプルコードはこちらをご覧下さい。

サンプルコード の人気記事

まだデータがありません。

関連記事（一部広告含む）