blocklet / media-kit

Simple image upload and sharing blocklet
Other
4 stars 0 forks source link

[ Bug ]: 不能正确处理图片的orientation #129

Open mave99a opened 8 months ago

mave99a commented 8 months ago

🐛 Bug Report

详细描述

这张图片:

image

copy/paste 到 image bin 后:

image

说明不能正确处理图片的orientation

复现这个 bug

截图或报错信息(可选)

异常的行为

期望的行为

可能的解决方案(可选)

mave99a commented 8 months ago

这张图:

https://fileserviceuploadsperm.blob.core.windows.net/files/file-teTmzahTYSlQ4q4wWT22NiET?se=2023-10-13T01%3A14%3A56Z&sp=r&sv=2021-08-06&sr=b&rscd=attachment%3B%20filename%3DIMG_1245.jpeg&sig=qGcjX9/G6ESgz7hX9DA630Y2zXJvqBZWR1EzXJK4ReM%3D

FireTable commented 8 months ago

请问 orientation 的操作,是在什么应用或者网站里面支持的? @mave99a 我怀疑是原图就是横的, orientation 只是被 app 给 rotate 了 90°?

mave99a commented 8 months ago

iOS 等现代相机产生的照片里面有一个orientation的metadata。 能正确处理的网站或者app 都能正确显示, 不能处理的应用就会看到它是旋转的。 (你可以理解这样相机的硬件和软件实现最简单)

上图 在iOS, ChatGPT 里都显示正确, 到了imagebin upload 就躺下了,说明我们没有能处理这个照片的orientation。

FireTable commented 8 months ago

ok 理解了,我看看这个问题

FireTable commented 8 months ago

这个问题我复现了,但是比较诡异,感觉不是 uploader 的问题?

我在 macOS 分了 2 种方法旋转图片

  1. 空格预览图片 => 直接点旋转
    • 没有文件大小变化, 依然是 3.2MB, macOS 预览已经变成了竖着的图
    • copy paste + 选择文件上传,在 Discord, uploader, notion, 腾讯文档网页版,都是横着的图
    • 再 airdrop 到 iOS 竖着的
  2. 双击打开图片 => 点旋转 => 关闭软件
    • 文件打开变化从 3.2MB => 3MB, macOS 预览已经变成了竖着的图
    • copy paste + 选择文件上传,在 Discord, uploader, notion, 腾讯文档网页版,都是竖着的图
    • 再 airdrop 到 iOS 是竖着的
image

目前我感觉 uploader 跟其它软件 orientation 逻辑是一致的,只是我觉得第一种旋转的情形是苹果的系统给了人一种误解?

可能需要老冒试一下, 尤其是第一种情况下在 ChatGPT 的表现 @mave99a

FireTable commented 8 months ago

此外我在 iphone 旋转了照片再 airdrop 到 macOS, 拿到的照片是正常旋转后的,未遇到以上问题