PHP服务图片在HTML中显示旋转90度，需添加响应头吗？

嘿，这个问题我之前碰到过好多次——核心原因其实是图片的EXIF旋转信息在不同加载场景下的解析差异！

为什么会出现这个差异？ #

当你直接在浏览器地址栏访问PHP文件时，浏览器会自动读取图片的EXIF元数据里的Orientation（旋转方向）字段，然后帮你把图片旋转到正确的显示方向；但当你通过img标签动态设置src加载时，部分浏览器或者渲染场景下，可能不会自动解析这个EXIF信息，导致图片按照原始像素的存储方向显示，也就是你看到的竖图变成横图。

要不要加响应头标识横竖版？ #

其实不需要专门加“横竖版”的响应头——正确的做法是在PHP返回图片前，先处理EXIF的旋转信息，把图片真正旋转到正确方向再输出，或者确保响应头正确返回图片的MIME类型，辅助浏览器解析EXIF。

具体解决办法（PHP代码示例） #

这里用GD库来处理，这是PHP默认自带的图片处理库，兼容性很好：

<?php
// 替换为你的图片路径
$imagePath = 'your-image.jpg';

// 根据图片类型创建资源
$imageType = exif_imagetype($imagePath);
switch ($imageType) {
    case IMAGETYPE_JPEG:
        $image = imagecreatefromjpeg($imagePath);
        break;
    case IMAGETYPE_PNG:
        $image = imagecreatefrompng($imagePath);
        break;
    default:
        // 处理不支持的图片类型
        header("HTTP/1.1 400 Bad Request");
        exit;
}

// 读取EXIF的旋转信息
$exif = exif_read_data($imagePath);
if (!empty($exif['Orientation'])) {
    switch ($exif['Orientation']) {
        case 3: // 旋转180度
            $image = imagerotate($image, 180, 0);
            break;
        case 6: // 顺时针旋转90度（对应竖图变横图的情况）
            $image = imagerotate($image, -90, 0);
            break;
        case 8: // 逆时针旋转90度
            $image = imagerotate($image, 90, 0);
            break;
    }
}

// 设置正确的响应头
header('Content-Type: ' . image_type_to_mime_type($imageType));
// 可选：设置Content-Length，帮助浏览器正确接收
header('Content-Length: ' . filesize($imagePath));

// 输出处理后的图片
switch ($imageType) {
    case IMAGETYPE_JPEG:
        imagejpeg($image);
        break;
    case IMAGETYPE_PNG:
        imagepng($image);
        break;
}

// 释放资源
imagedestroy($image);
?>

额外说明 #

1. 如果你的服务器安装了Imagick库，也可以用它来处理，代码会更简洁，处理大图片的效率也更高。
2. 如果你不想修改图片本身，也可以尝试确保响应头的Content-Type完全匹配图片类型，但这种方式依赖浏览器的EXIF解析能力，不如提前处理图片可靠。
3. 注意：部分图片格式（比如WebP）可能不支持EXIF读取，这时候需要单独处理或者转换格式。

内容的提问来源于stack exchange，提问作者Michel