使用nginx的ngx_http_image_filter_module进行图片裁剪的方案是图片裁剪一个非常常见的方案，最近提供给app端的图片，需要在部分进行展示的地方进行图片裁剪再加载，以减少图片的加载流量（原图的尺寸非常大）。然而在进行resize的操作之后，却发现图片被调转了方向，这让我很疑惑，因为我并没有进行rotate的操作。

    在看了下模块的代码，发现，如果只是简单的resize，并没有主动的去转向，那为什么resize之后浏览器访问方向会改变呢？查了下资料，原来图片本来就是转向的，只是浏览器根据他转向的的角度，帮我们做了自动旋转（适应我们人的视觉，高大于宽），那为什么我进行resize之后，浏览器不会自动帮我们旋转了。结论很简单，模块用libgd2在resize之后，丢失了图片转向的信息，这个信息是存放在exif里面的，也就是说resize之后丢了exif信息。

    知道原因之后，就只能想办法解决，解决的方式，先提取exif信息从图片中，然后要么重新在resize之后，填充exif信息进去，要么是自己在reszie之后，根据exif的方向，自己用代码rotate一下图片。我选择了第二种。

    无论用什么方式，都要提取exif信息中的方向，这个时候，可以采用libexif库。

static ngx_int_t 
ngx_http_image_get_orientation(const unsigned char *data, unsigned int size){
	ngx_int_t orientation = 0;
  	ExifData *exifData = exif_data_new_from_data(data,size);
  	if (exifData){
    		ExifByteOrder byteOrder = exif_data_get_byte_order(exifData);
    		ExifEntry *exifEntry = exif_data_get_entry(exifData, EXIF_TAG_ORIENTATION);

   		 if (exifEntry)	{
      			orientation = exif_get_short(exifEntry->data, byteOrder);
    		}
    		exif_data_free(exifData);
 	 }
	return orientation;
}

     既然知道了方向，接下来，就要进行转向了。直接可以用这个模块中的代码。

    

//adjust default orientation
	ngx_int_t orientation = ngx_http_image_get_orientation(ctx->image, ctx->length);
	
	ngx_int_t adjust_angle = 0;
	// default orientation info
	if (6 == orientation) {
		adjust_angle =360 - 90;
	}
	else if (3 == orientation) {
		adjust_angle =360 - 180;
	}
	else if (8 == orientation) {
		adjust_angle =360 - 270;
	}

	if (adjust_angle) {
	
		src = dst;

		ax = (dx % 2 == 0) ? 1 : 0;
		ay = (dy % 2 == 0) ? 1 : 0;

		switch (adjust_angle) {

		case 90:
		case 270:
			dst = ngx_http_image_new(r, dy, dx, palette);
			if (dst == NULL) {
				gdImageDestroy(src);
				return NULL;
			}
			if (adjust_angle == 90) {
				ox = dy / 2 + ay;
				oy = dx / 2 - ax;

			}
			else {
				ox = dy / 2 - ay;
				oy = dx / 2 + ax;
			}

			gdImageCopyRotated(dst, src, ox, oy, 0, 0,
				dx + ax, dy + ay, adjust_angle);
			gdImageDestroy(src);

			t = dx;
			dx = dy;
			dy = t;
			break;

		case 180:
			dst = ngx_http_image_new(r, dx, dy, palette);
			if (dst == NULL) {
				gdImageDestroy(src);
				return NULL;
			}
			gdImageCopyRotated(dst, src, dx / 2 - ax, dy / 2 - ay, 0, 0,
				dx + ax, dy + ay, adjust_angle);
			gdImageDestroy(src);
			break;
		}
	}

    具体的项目，以及提取成一个module，直接不要编译nginx自带的image_filter ，用这个即可，用法跟自带的一致；

    ngx_http_image_filter_module

  

   题外话，用图片的裁剪压缩是非常吃CPU性能的，在压测的时候，对应的服务器的CPU完全吃满，如果专门要用nginx进行图片裁剪，建议专门用一台CPU强的服务器专门进行这种操作。另外，可以适当的将裁剪好的图片进行缓存，避免多次裁剪多张图片，浪费机器性能。另外如果量大的话，完全可以用第三方的图片云，他们都提供了这种图片裁剪的操作，还可以走CDN。