关于nginx的ngx_http_image_filter_module裁剪图片后方向改变的解决方案

本文探讨了使用nginx的ngx_http_image_filter_module裁剪图片时遇到的图片方向改变问题。原因是resize操作后丢失了exif信息,导致浏览器无法自动旋转。解决方案是通过libexif库提取exif信息并在resize后根据方向手动旋转图片,或重新填充exif信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    使用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
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值