快捷導(dǎo)航

PHP加Nginx實(shí)現(xiàn)動態(tài)裁剪圖片方案

更新時(shí)間：2014年03月10日 10:57:38 作者：

這篇文章主要介紹了PHP加Nginx實(shí)現(xiàn)動態(tài)裁剪圖片的方案,使用Imagick組件實(shí)現(xiàn),需要的朋友可以參考下

許久以前寫過一篇也是關(guān)于高性能PHP圖片動態(tài)裁剪方案的文章，那文章使用的是nginx Cache和rewrite實(shí)現(xiàn)的，當(dāng)然再加上CDN，那個(gè)方案存在一個(gè)問題就是圖片并沒有實(shí)際生成，而是以二進(jìn)制的形式存在緩存中。如果緩存失效了那么還需要請求php再次生成。如果說到區(qū)別這是我暫且認(rèn)為的吧。
利用空余時(shí)間，新增了靜態(tài)生成圖片支持，支持對圖片3種模式切換，在門戶網(wǎng)站自動對圖片尺寸進(jìn)行裁剪，減少服務(wù)器帶寬，理論上應(yīng)該也滿足了業(yè)務(wù)的需求吧，圖片裁剪使用了Imagick組件。

一、思路再現(xiàn)：
1、先寫好請求服務(wù)器生成圖片動態(tài)腳本，主要就是對圖片進(jìn)行等比縮放計(jì)算+裁剪。
2、確定你想要生成的url規(guī)則，比如http://www.domain.com/www/300×200-1/test.jpg。
3、對瀏覽器做緩存處理。
4、結(jié)束。
二、動態(tài)裁剪PHP腳本

復(fù)制代碼代碼如下:

/**
 * Author pony_chiang
 * 高性能圖像裁剪方案
 * 需要php-imagick擴(kuò)展
 */
ini_set ( "memory_limit", "80M" );

// 請求地址比如  http://yourdomain.com/resize.php?site=www&width=300&height=200&mode=2&path=uploadfile/helloworld.png
// nginx重寫規(guī)則  rewrite ^([^\.]*)/s/(.*)/(\d+)x(\d+)-(\d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last;

$path = trim ( $_GET ['path'] );
$mode = intval ( $_GET ['mode'] );
$site = trim ( $_GET ['site'] );
$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 = '.' . pathinfo ( $path, PATHINFO_EXTENSION );

$file_name = basename ( $path, $file_ext );
$save_path = "{$orig_dir}/{$site}/{$width}x{$height}-{$mode}/{$path}";
$save_dir = dirname ( $save_path );

if (! file_exists ( $save_dir ))
    wpx_mkdir ( $save_dir );

$target_width = $width;
$target_height = $height;

$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 );
    }
}

$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;

// 循環(huán)生成目錄
function wpx_mkdir($dir, $mode = 0777) {
    if (is_dir ( $dir ) || @mkdir ( $dir, $mode ))
        return true;
    if (! wpx_mkdir ( dirname ( $dir ), $mode ))
        return false;
    return @mkdir ( $dir, $mode );
}

三、nginx.conf配置

復(fù)制代碼代碼如下:

server {
        listen       80;
        server_name test.yourdomain.com;
        root   /mnt/webroot/test;
        index  index.php;
        expires 30d;

        location /s {
           #只有當(dāng)沒有生成這張圖片時(shí)才調(diào)用動態(tài)裁剪
           if (!-e $request_filename) {
             rewrite ^([^\.]*)/s/(.*)/(\d+)x(\d+)-(\d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last;
             break;
           }
        }

        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;
            include        fastcgi_params;
        }

}