<img> 不需要的照片旋转

Question

我使用 HTML5 在 table 中嵌入了一张图片。图像自动逆时针旋转 90 度，没有应用 CSS，也没有应用 Javascript（以前有，因此某些标签上有 class 参数，但我评论说在 <head>.

中输出 <style></style> 块

图像是由 PHP 脚本 w/ Imagick 创建的，以从原始图像缩小它，但原始图像仍然有同样的问题。

代码：

<table>
    <tr>
        <th>$username has sent you a photo!</th>
    </tr>
    <tr>
        <td>
            <img src="IMG_1314_MOD.jpg" width="300" height="225" class="rotate90"/>
        </td>
    </tr>
    <tr>
        <td><div class="caption">$caption</div></td>
    </tr>
</table>

我尝试使用this answer中的CSS代码并将其应用于<img>，但是旋转时没有调整table，并且遮住了文字。

有人知道我可以使用的解决方案吗？

--编辑--

我用了PHP的EXIF扩展名到print_r()图像上的EXIF headers，似乎没有任何方向headers。 headers 可以在 Pastebin here 上找到，如果你不介意 double-checking，无论谁读到这个。

Answer 1

运行 jhead -autorot 在您的 JPG 图片上。这就是我在将图像放到网络上之前处理自转的方法。

这将按照相机的方向传感器指定的方向旋转图像，然后重置方向标志，以免再次意外旋转。

http://www.sentex.net/~mwandel/jhead/usage.html

（请注意，我从不自动旋转我的原件，只是缩放版本作为我将它们发送到网络的脚本的一部分。）

Answer 2

[Orientation] => 6有轮换，可以换成1

Answer 3

exiftran 可以无损旋转 JPEG 图片，保持 EXIF 数据和缩略图一致。它也不会进行不必要的编辑（当我尝试 ImageMagick/GraphicsMagick 时发生），并产生稳定的输出。

标志：-a 在 EXIF 标签中应用旋转，-i 就地编辑，-p 保留文件时间戳。

用法：

exiftran -aip -- *.jpg

<img> 不需要的照片旋转

<img> unwanted photo rotation

html

html-table

image