简短答案
要在线镜像一张图片,用水平翻转。要修好拍歪的照片,用向左旋转或向右旋转。要修好上下颠倒的图片,转两次 90 度就是 180 度。
这几个操作解决的是不同的问题:
- 手机拍歪的照片需要旋转。
- 自拍朝向和真实方向反着,需要水平翻转。
- T 恤、招牌、小票、标签、白板上反着的文字需要水平翻转。
- 上下颠倒的扫描件或倒影,可能需要 180 度旋转或者垂直翻转。
PhotoTools 是在浏览器里完成这些操作的。你把图片拖进来,点旋转或翻转按钮,预览确认后再下载,不会把原图发到服务器上。
哪种修复对应哪种问题
| 你看到的现象 | 用这个 | 变了什么 |
|---|---|---|
| 竖拍的照片显示成横的 | 向左或向右旋转 90° | 宽和高互换 |
| 图片上下颠倒 | 旋转 180° | 宽高不变,内容变正 |
| 自拍和镜子里的预览方向对不上 | 水平翻转 | 左右反过来 |
| 文字反着读 | 水平翻转 | 让镜像的文字重新可读 |
| 扫描件上下颠倒 | 垂直翻转 | 上下反过来 |
| 商品朝向不对 | 水平翻转 | 不旋转就换个朝向 |
| 旋转后水印或 Logo 跑到了错的角 | 重置,先旋转,再加水印 | 让后续编辑落在正确位置 |
拿不准的时候,看图片里有没有文字。文字能读但方向不对,就旋转;文字反了,就水平翻转。
镜像、翻转和旋转不是一回事
这两组操作特别容易混,先说人话版本。
- 旋转 90° 或 270°: 让图片横过来,宽和高互换。3024 x 4032 的竖图会变成 4032 x 3024。
- 旋转 180°: 把图片翻转过来(正过来或倒过去),宽高保持不变。
- 水平翻转: 把图像左右镜像。这就是大多数人说的“在线镜像图片”。
- 垂直翻转: 把图像上下镜像。不太常用,但对上下颠倒的扫描件、倒影和某些创意排版有用。
技术层面上,浏览器里的图像工具通常会把图片画到 canvas 上,加上一个变换,然后导出一个新文件。MDN 的文档里,rotate() 用来旋转,scale(-1, 1) 用来做水平翻转,drawImage() 用来把源像素画到变换后的 canvas 上。
为什么同一张手机照片在一个 App 里是正的、在另一个里就歪了
拍歪的手机照片,大多数问题都出在方向元数据上。
你竖着拍一张照片时,相机可能仍然把像素按某个方向存下来,同时写一个 EXIF 方向值,告诉查看器该怎么显示。现在的相册基本都会遵守这个信息,所以在手机上看起来是正的。但一部分上传表单、CMS 工具、邮件客户端、旧的看图程序或者中间的处理流水线,可能会忽略或用不同方式规范化这个元数据。
MDN 关于 image-orientation 的文档描述了浏览器一侧的思路:图像方向可以根据 EXIF 信息进行校正。对显示是有用的,但也正好解释了混乱的来源——一个查看器认这个方向标签,另一个流水线就可能不认。
真正稳的修法,是等图片看起来正确后,导出一份修正后的副本。在这份副本里,方向是烘焙进了实际的像素结果,而不是靠原本那个方向标签维持。
如何在 PhotoTools 里镜像或旋转一张图片
想要一份真正修正过的图片、而不是仅仅在某个 App 里看着正的预览时,可以按下面这个流程走:
- 打开 旋转与翻转。
- 拖入一张或多张图片。
- 拍歪的照片,点向左旋转或向右旋转。
- 自拍、反着的文字、方向调换,点水平翻转。
- 只有在图片上下颠倒时才用垂直翻转。
- 转错了就用重置。
- 下载修正后的文件;批量处理时可以下载 ZIP。
目前 PhotoTools 的旋转流程会把编辑后的副本导出成高质量的 JPG,适合大部分相机照片、自拍和网页上传场景。如果原图是带透明的 PNG,或者透明必须保留的图形,请先保留原图,用一个不丢透明度的流程再发布。
让反着的文字重新可读
反着的文字是典型的镜像问题,不是旋转能解决的。
以下这些情况都请用水平翻转:
- 自拍时 T 恤上的字反着;
- 招牌或店招在镜像里;
- 白板照片被反过来了;
- 扫描的小票或标签变成从右往左读;
- 排版里商品需要朝反方向。
不要对已经反了的文字先做旋转。旋转能把文字弄成侧的,但它还是反的。先水平翻转,如果整张图确实也是侧的,再旋转。
不靠猜地修好自拍
自拍容易让人纠结,是因为预览和保存的文件不一定一致。手机在你摆姿势时可能显示镜像预览,但保存下来的其实是未镜像的版本;有些相机 App 又会存镜像版;社交 App 还可能再叠加一层预览行为。
用下面这个简单办法判断:
- 图片里有文字,而且反着——用水平翻转。
- 文字是正的但脸的朝向和预览不一样——只有在你想让最终文件和当时的镜像预览一致时,才用水平翻转。
- 图片里没有文字,就看头发的分线、戴表的那只手、Logo、背景物这些不对称的细节。
对头像来说,“正确版”往往是个人偏好;但对商品照、文件、招牌和截图,可读的文字和真实的朝向通常比“照镜子的舒适感”更重要。
旋转、尺寸与文件大小
即使没有调整尺寸,旋转也可能改变尺寸。
| 操作 | 宽和高 | 文件大小 | 备注 |
|---|---|---|---|
| 旋转 90° | 互换 | 可能变化 | 竖图变横图,或反过来 |
| 旋转 180° | 不变 | 可能变化 | 重新编码依旧会影响字节 |
| 水平翻转 | 不变 | 可能略变 | 同样的像素网格,内容镜像 |
| 垂直翻转 | 不变 | 可能略变 | 同样的像素网格,上下颠倒 |
| 重置 | 与原图相同 | 与原图相同 | 回到工作区里上传时的那份文件 |
用文件大小来判断旋转是否奏效并不靠谱。修正后的 JPG 可能比原图大,也可能更小——因为浏览器创建了新文件、用了新的质量设定、也没有把原来的元数据块原封不动地搬过来。
图像质量:真正会变的其实是什么
90、180、270 度这种整数角度的编辑,跟自由角度的模糊校正不是一回事。工具做的只是把已有的图像挪到新的方向。真正会伤画质的,其实是导出这一步。
PhotoTools 会把旋转/翻转的结果导出为高质量的 JPG。普通照片一般视觉上没问题;但截图、图表、小票、小字号文字这种情况,JPG 导出可能让边缘发糊,因为 JPEG 是一种有损的照片格式。如果你需要归档副本或保留透明的版本,请另外留一份原图。
尽量避开这种流程:
- 下载一份压缩后的 JPG。
- 把它旋转一下。
- 再下载一次。
- 过段时间打开再翻转一下。
- 再下载一次。
这样等于把有损导出叠加了好几次。更干净的做法是:从原图出发,只旋转或翻转一次,然后按顺序完成裁剪、尺寸、水印和压缩。
EXIF 方向与元数据
从视觉上把照片旋转过来,跟只改动 EXIF 方向标签,是两件不同的事。
只改 EXIF 相当于改一条附在文件上的“显示指令”;基于像素的修法是画出一张已经修正过的新图。对上传表单和网站发布来说,基于像素的修法通常更可预测,因为图片不再依赖某个查看器是不是和你手机一样解读那条方向标签。
Canvas 导出还意味着元数据可能不会被保留。如果你在分享一份公开副本,这对隐私是好事——GPS 位置和相机细节大多会在浏览器重新编码的过程中被剥离;但如果你出于取证、照片管理或归档需要保留元数据,那就是坏事。
最稳的原则:如果元数据重要,就留住原图;对外发布或上传的,用修正过的副本。
编辑照片的推荐顺序
方向要最先做,能避免后续的编辑落到错误的位置上。
大多数照片按这个顺序处理:
- 旋转或翻转。
- 裁剪。
- 调整尺寸。
- 加水印。
- 压缩或转换格式。
举个例子:如果你先给一张竖图加了水印,再旋转,水印可能就从右下角跑到侧边去了。如果你在修正拍歪之前先裁剪,裁出来的画面可能框住的是主体错误的部分。
常见问题排查
上传后图片还是歪的
对方可能缓存了之前那份文件,或者用了自己那套方向处理逻辑。先把 PhotoTools 里的结果下载下来,用别的看图程序打开确认方向正常,再用一个新的文件名重新上传修正过的副本。
旋转以后照片变成横的了
90 度或 270 度旋转本来就会这样,宽和高会互换。如果之后仍然需要竖构图的排版,请在方向修正之后再裁剪或调整尺寸。
背景不透明了
编辑后的副本是以 JPG 导出的,而 JPEG 不支持透明。请保留原始透明文件,并在需要透明的场景下选择保留 PNG/WebP 的流程。
修正后的文件变大了
重新编码之后有可能发生这种情况。如果你在意文件大小,先做旋转,然后再用 压缩 处理修正后的副本。
镜像后的图看着不对劲
用图里可读的文字做参考。文字反了——水平翻转;文字正常但图是歪的——旋转;图里没文字,就在保存前对照那些不对称的可辨认细节。
实用要点小结
镜像和旋转是很小的编辑,但解决的是完全不同的问题。镜像图片和反着的文字用水平翻转;手机拍歪的照片用向左或向右旋转。只导出一份修正后的副本;元数据或透明度重要的时候就留住原图;把方向修好,再做裁剪、尺寸、水印或压缩。