高性能PHP图片动态裁剪方案2


许久以前我写过一篇也是关于高性能PHP图片动态裁剪方案的文章,那篇文章使用的是nginx Cache和rewrite实现的,当然再加上CDN,在生产环境中使用了有两个月左右,我慢慢的发现那个方案还是不能令我满意,如果没有CDN的同学那将会是一场噩梦,因为缓存设置的不好那么将会一直去请求php动态文件,那将会非常的糟糕访问量大的话IO和cpu都难受。

利用空余时间,根据这篇文章思路,新增了静态生成图片支持,同时支持对图片3种模式切换(模式0则是强制裁剪、模式1等比缩放裁剪、模式2等比放大裁剪),对于一些同学在做一些资讯网站或者对图片需求比较大的网站(比如经常存在缩略图裁剪等业务需求等),通过程序硬性的裁剪显然是一件吃力不讨好的事情,而且也违背了一处写好多处调用的思想。好了不扯很多废话,这篇文章所使用Imagick组件做为本次裁剪的底层支撑,具体的安装过程我就不赘述了不熟悉的童鞋请参考linux+windows安装php_imagick扩展

思路简述:

1、先写好请求服务器生成图片动态脚本,主要就是对图片进行等比缩放计算+裁剪。

2、确定你想要生成的url规则,比如http://www.domain.com/www/300×200-1/test.jpg。

3、对浏览器(CDN)做缓存处理。

4、结束。

这是一个利用Imagick动态裁剪图片的php脚本

/**
 * Author 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)/(.*) /s/resize.php?site=$1&width=$2&height=$3&mode=$4&path=$5 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;

// 循环生成目录
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

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

        location /s {
           #只有当没有生成这张图片时才调用动态裁剪
           if (!-e $request_filename) {
             rewrite /s/(.*)/(\d+)x(\d+)-(\d)/(.*) /s/resize.php?site=$1&width=$2&height=$3&mode=$4&path=$5 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;
        }

    }

请观看令人愉悦的demo

test-image
test-image-200×300-0

 

test-image-100x200-1
test-image-100×200-1

 

test-image-100x100-2
test-image-100×100-2

 

特别强调

PS:在文章的末尾我要特别强调一点是关于浏览器缓存的文章,如果你使用了CDN那么还是建议你在php文件中添加一个修改日期的头信息,这样cdn再第一次获取这个图片的时候虽然你服务器是刚刚生成的图片,但是cdn认为这个图片早已存在了。

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

对你使用CDN有十分莫大的帮助。具体产生的效果就是客户端第一次访问此文件的http状态码是200,刷新后状态码一直都是304了。


《 “高性能PHP图片动态裁剪方案2” 》 有 6 条评论

  1. 博主你好 实质是不是通过 404 重写 方法来调用 PHP裁剪的?那么生成的静态 图片 格式 会变化吗? 原JPG、gif 、png 、jpeg等格式是还是原来的格式呢还是 统一生成一个新格式?

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

评论审核已启用。您的评论可能需要一段时间后才能被显示。