当前位置:首页 > PHP教程 > php高级应用 > 列表

PHP加Nginx实现动态裁剪图片方案

发布:smiling 来源: PHP粉丝网  添加日期:2020-10-20 10:43:18 浏览: 评论:0 

这篇文章主要介绍了PHP加Nginx实现动态裁剪图片的方案,使用Imagick组件实现,需要的朋友可以参考下。

许久以前写过一篇也是关于高性能PHP图片动态裁剪方案的文章,那文章使用的是nginx Cache和rewrite实现的,当然再加上CDN,那个方案存在一个问题就是图片并没有实际生成,而是以二进制的形式存在缓存中。如果缓存失效了那么还需要请求php再次生成。如果说到区别这是我暂且认为的吧。

利用空余时间,新增了静态生成图片支持,支持对图片3种模式切换,在门户网站自动对图片尺寸进行裁剪,减少服务器带宽,理论上应该也满足了业务的需求吧,图片裁剪使用了Imagick组件。

一、思路再现:

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

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

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

4、结束。

二、动态裁剪PHP脚本

  1. /** 
  2.  * Author pony_chiang 
  3.  * 高性能图像裁剪方案 
  4.  * 需要php-imagick扩展 
  5.  */ 
  6. ini_set ( "memory_limit""80M" ); 
  7.  
  8. // 请求地址比如  http://yourdomain.com/resize.php?site=www&width=300&height=200&mode=2&path=uploadfile/helloworld.png 
  9. // nginx重写规则  rewrite ^([^\.]*)/s/(.*)/(\d+)x(\d+)-(\d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last; 
  10.  
  11. $path = trim ( $_GET ['path'] ); 
  12. $mode = intval ( $_GET ['mode'] ); 
  13. $site = trim ( $_GET ['site'] ); 
  14. $width = intval ( $_GET ['width'] ); 
  15. $height = intval ( $_GET ['height'] ); 
  16.  
  17. $site_list = array ('www' => '/mnt/webroot/test/' ); 
  18.  
  19. $orig_dir = dirname ( __FILE__ ); 
  20. if (! array_key_exists ( $site$site_list )) { 
  21.     header ( 'HTTP/1.1 400 Bad Request' ); 
  22.     exit (); 
  23.  
  24. if ($mode > 3 || $mode < 0) { 
  25.     header ( 'HTTP/1.1 400 Bad Request' ); 
  26.     exit (); 
  27.  
  28. $orig_file = $site_list [$site] . $path
  29. if (! file_exists ( $orig_file )) { 
  30.     header ( 'HTTP/1.1 404 Not Found' ); 
  31.     exit (); 
  32.  
  33. $file_ext = '.' . pathinfo ( $path, PATHINFO_EXTENSION ); 
  34.  
  35. $file_name = basename ( $path$file_ext ); 
  36. $save_path = "{$orig_dir}/{$site}/{$width}x{$height}-{$mode}/{$path}"
  37. $save_dir = dirname ( $save_path ); 
  38.  
  39. if (! file_exists ( $save_dir )) 
  40.     wpx_mkdir ( $save_dir ); 
  41.  
  42. $target_width = $width
  43. $target_height = $height
  44.  
  45. $new_width = $target_width
  46. $new_height = $target_height
  47. $image = new Imagick ( $orig_file ); 
  48. list ( $orig_width$orig_height$type$attr ) = getimagesize ( $orig_file ); 
  49.  
  50. if ($mode == "0") { 
  51.     //等比缩放图像 
  52.     $new_height = $orig_height * $new_width / $orig_width
  53.     if ($new_height > $target_height) { 
  54.         $new_width = $orig_width * $target_height / $orig_height
  55.         $new_height = $target_height
  56.     } 
  57. else if ($mode == "2") { 
  58.     // 放大并裁剪图像 
  59.     $desired_aspect = $target_width / $target_height
  60.     $orig_aspect = $orig_width / $orig_height
  61.  
  62.     if ($desired_aspect > $orig_aspect) { 
  63.         $trim = $orig_height - ($orig_width / $desired_aspect); 
  64.         $image->cropImage ( $orig_width$orig_height - $trim, 0, $trim / 2 ); 
  65.         error_log ( "HEIGHT TRIM $trim" ); 
  66.     } else { 
  67.         $trim = $orig_width - ($orig_height * $desired_aspect); 
  68.         $image->cropImage ( $orig_width - $trim$orig_height$trim / 2, 0 ); 
  69.     } 
  70.  
  71. $image->resizeImage ( $new_width$new_height, imagick::FILTER_LANCZOS, 1 ); 
  72. $image->writeImage ( $save_path ); 
  73. header ( 'Content-Type: image/jpeg' ); 
  74. header ( 'Last-Modified: ' . gmdate ( 'D, d M Y H:i:s' ) . ' GMT' ); 
  75. echo file_get_contents ( $save_path ); 
  76. return true; 
  77.  
  78. // 循环生成目录 
  79. function wpx_mkdir($dir$mode = 0777) { 
  80.     if (is_dir ( $dir ) || @mkdir ( $dir$mode )) 
  81.         return true; 
  82.     if (! wpx_mkdir ( dirname ( $dir ), $mode )) 
  83.         return false; 
  84.     return @mkdir ( $dir$mode ); 

三、nginx.conf配置

  1. server { 
  2.         listen       80; 
  3.         server_name test.yourdomain.com; 
  4.         root   /mnt/webroot/test; 
  5.         index  index.php; 
  6.         expires 30d; 
  7.  
  8.         location /s { 
  9.            #只有当没有生成这张图片时才调用动态裁剪 
  10.            if (!-e $request_filename) { 
  11.              rewrite ^([^\.]*)/s/(.*)/(\d+)x(\d+)-(\d)/(.*) $1/s/resize.php?site=$2&width=$3&height=$4&mode=$5&path=$6 last; 
  12.              break
  13.            } 
  14.         } 
  15.  
  16.         error_page   404 403 402 500 502 503 504  /404.html; 
  17.         location = /404.html { 
  18.         } 
  19.  
  20.         location ~ \.php$ { 
  21.             fastcgi_pass   127.0.0.1:9000; 
  22.             fastcgi_index  index.php; 
  23.             fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name
  24.             include        fastcgi_params; 
  25.         } 
  26.  

PS:在文章的末尾我要特别强调一点是关于浏览器缓存的文章,不管你是否是通过php生成的图片也好,还是使用nginx缓存生成的图片也罢,在php代码中添加一行:

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

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

Tags: PHP动态裁剪图片

分享到: