文学城博客竖幅照片变横幅的原因和解决办法

老套筒 (2026-09-12 12:41:21) 评论 (0)

在文学城网站上传照片,用户常遇到上传竖幅照片到网站上,结果博客文章中显示的是躺倒的横幅照片,即照片旋转了90或270度。但是,许多用户发现如果编辑过照片,如经过裁剪或改变尺寸大小,竖幅照片就能够被准确显示了。

这背后的原因是在网站上传照片时,网站服务器的后台程序(Backend)在接收,处理和存储上传的照片时,它使用了照片JPEG文件格式中的元数据(metadata),具体地说是可交换图像文件格式(EXIF - Exchangeable Image File Format)中的方向(Orientation)信息。

如苹果手机的原始竖幅照片中的EXIF中的Orientation:Rotate 90 CW | 6,而我的尼康微单相机的原始竖幅照片的EXIF中的Orientation:Rotate 270 CW | 8。

网站服务器的后台程序遇到EXIF的方向信息Orientation:Rotate 90 CW | 6或Rotate 270 CW | 8,它就会将竖幅照片调成横幅照片。因为我并不具有网站设计的专业知识,这只是我的实际观察。

为什么如果用户用照片编辑软件,如Windows Photos修改了竖幅照片,然后上传就没有躺平的问题呢?这是因为照片编辑软件会修改JPEG文件以及去除元数据中的EXIF Orientation信息。如果上传编辑前后的照片到exif.tools(它能够显示所有元数据,包括所有EXIF信息),你会发现编辑后的照片的EXIF中的Orientation信息,如Rotate 90 CW | 6,会被删除。

既然文学城网站的后台程序遇到原始JPEG文件中的固有元数据中的EXIF Orientation信息后,会按照它的旋转角度显示照片,对于用户来说,你可以做的是去掉这个方向信息。个人觉得最简单的方法是:

1. 在Windows环境下点击照片

2. 当Windows Photos打开照片后,选择Edit

3. 选择旋转照片90度,然后反方向旋转照片90度

4. 存储照片

因为照片编辑软件会修改和进一步压缩JPEG文件数据,编辑后的结果是照片的文件尺寸会变小(像素分辨率不变)。但因为文学城网站会压缩上传照片尺寸,所以这个编辑操作不会影响照片在网页上的显示效果。但是,如果希望保持原始照片,你需要在存储照片时,重新命名文件。



图1. 经过修改的照片



图2. 原始照片

至于为什么有些照片上传失败的原因和解决办法请看下面链接:

在文学城网站不能上传照片的可能原因和解决办法