Nginx で PHP で画像を動的にトリミングする方法

私はかつて、高性能の PHP 画像の動的トリミング ソリューションに関する記事を書きました。その記事は、もちろん、CDN と組み合わせて nginx キャッシュとリライトを使用して実装されましたが、そのソリューションの問題は、画像が実際には生成されずに保存されることです。バイナリ形式でキャッシュに保存されます。キャッシュが失敗した場合は、php にキャッシュを再度生成するようリクエストする必要があります。違いについては、今のところはこんな感じだと思います。

空いた時間を利用して、静的に生成された画像のサポートの追加、3 つの画像モード間の切り替えのサポート、ポータル Web サイト上の画像サイズの自動トリミング、サーバー帯域幅の削減、画像トリミングのための Imagick コンポーネントの使用を行います。

1. アイデアの再現: 1. まず、サーバーに画像の生成を要求する動的スクリプトを作成します。これは主に比例スケーリング計算と画像のトリミングを実行します。 2. http://www.domain.com/www/300×200-1/test.jpg など、生成する URL ルールを決定します。 3. ブラウザをキャッシュします。 4. 終了。

2. 画像を動的にトリミングするための PHP スクリプト

/**
 * 著者 pony_chiang
 * 高性能画像トリミング ソリューション
 * php-imagick 拡張機能が必要です
*/
ini_set ( "memory_limit", "80M" );
// http://などのリクエストアドレス/ yourdomain.com/resize.php?site=www&width=300&height=200&mode=2&path=uploadfile/helloworld.png
// nginx 書き換えルール rewrite ^([^.]*)/s/(.*)/(d+) x(d+)-(d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last;
$path = トリム ( $_GET ['パス'] );
$mode = intval ( $_GET ['mode'] );
$site = トリム ( $_GET ['サイト'] );
$width = intval ( $_GET ['width'] );
$height = intval ( $_GET ['height'] );
$site_list = array ('www' => '/mnt/webroot/test /' );
$orig_dir = dirname ( __FILE__ );
if (! array_key_exists ( $site, $site_list )) {
 header ( 'HTTP/1.1 400 Bad Request' );
 exit ();
}
if ($mode > 3 || $mode < 0) {
 header ( 'HTTP/1.1 400 Bad Request' );
 exit ();
}
$orig_file = $site_list [$site] . $path;
if (! file_exists ( $orig_file )) {
 header ( 'HTTP/1.1 404 Not Found' );
 exit ();
}
$file_ext = '.' パス情報 ( $path, PATHINFO_EXTENSION );
$file_name = ベース名 ( $path, $ file_ext );
$save_path = "{$orig_dir}/{$site}/{$width}x{$height}-{$mode}/{$path}";
$save_dir = dirname ( $save_path );< ;/p>
if (! file_exists ( $save_dir ))
 wpx_mkdir ( $save_dir );
$target_width = $width;
$target_height = $height;< /p>
$new_width = $target_width;
$new_height = $target_height;
$image = new Imagick ( $orig_file );
list ( $orig_width, $orig_height, $type, $attr ) = getimagesize ( $orig_file );
if ($mode == "0") {
 //一定にスケーリングされた画像
 $new_height = $orig_height * $new_width / $orig_width;
 if ($new_height > ; $target_height) {
$new_width = $orig_width * $target_height / $orig_height;
$new_height = $target_height;
 }
} else if ($mode == "2") {
 // 画像を拡大してトリミングします
 $desired_aspect = $target_width / $target_height;
 $orig_aspect = $orig_width / $orig_height;
 if ($desired_aspect > $orig_aspect) {
$trim = $orig_height - ($orig_width) / $desired_aspect);
$image->cropImage ( $orig_width, $orig_height - $trim, 0, $trim / 2 );
error_log ( "HEIGHT TRIM $trim" );
 } else {
$trim = $ orig_width - ($orig_height * $desired_aspect);
$image->cropImage ( $orig_width - $trim, $orig_height, $trim / 2, 0 );
 } bbs.it-home.org
}
$image->resizeImage ( $new_width, $new_height, imagick::FILTER_LANCZOS, 1 );
$image->writeImage ( $save_path );
header ( 'Content-Type: image/jpeg ' );
header ( 'Last-Modified: ' . gmdate ( 'D, d M Y H:i:s' ) . ' GMT' );
echo file_get_contents ( $save_path );
return true;
 < ;p>// ディレクトリを生成するループ
function wpx_mkdir($dir, $mode = 0777) {
 if (is_dir ( $dir ) || @mkdir ( $dir, $mode ))
return true;
 if ( ! wpx_mkdir (ディレクトリ名 ($dir), $mode))
return false;
 return @mkdir ($dir, $mode);
}

3. nginx.confの設定

server {
listen 80;
server_name test.yourdomain.com;
root /mnt/webroot/test;
index Index.php;
expires 30d;
 location /s {
 #動的トリミングは、この画像が生成されない場合にのみ呼び出されます
 if (!-e $request_filename) {
 書き換え ^([^.]*)/s/(.*)/ ( d+)x(d+)-(d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last;
break;
 }
}< p>
error_page 404 403 402 500 502 503 504 /404.html;
location = /404.html {
}
location ~ .php$ {
 fastcgi_pass 127.0 . 0.1:9000;
 fastcgi_index Index.php;
 fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
 includefastcgi_params;
}
}

説明、強調しますブラウザーのキャッシュに関する記事。php で生成された画像であっても、nginx キャッシュを使用して生成された画像であっても、php コードに行を追加します。

header('Last-Modified: ' .gmdate('D, d M Y H:i:s') . ' GMT' );

は、CDN を使用する場合に非常に役立ちます。 クライアントがこのファイルに初めてアクセスしたときの http ステータス コードは 200 です。更新後のステータス コードは常に 304 です。これで、ローカル クライアントがファイルをキャッシュし、帯域幅を節約できるという利点がわかりました。