WMW

图片翻转与旋转

Free

直接在浏览器中水平或垂直翻转图像,或将其旋转90°、180°或任意自定义角度。

完全在您的浏览器中运行。您的图片绝不会被上传到任何地方。

点击选择图片,或将图片拖放到此处

最近活动

所有人可见。所有访客的最近 20 次使用记录,最新的在前。

Rotate 90° CW · 4032×3024

1 周前

Rotate 90° CW · 3024×4032

1 周前

Rotate 90° CW · 4032×3024

1 周前

Flip Vertical · 3024×4032

1 周前

Flip Horizontal · 3024×4032

1 周前

Rotate 180° · 3024×4032

1 周前

Rotate 90° CCW · 3024×4032

1 周前

Rotate 180° · 4032×3024

1 周前

评论 (0)

觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。

访客评论在发布前会经过审核。 登录 即可立即发布。

暂无评论,快来抢沙发分享您的想法吧!

此工具的功能

水平或垂直翻转图像,一键旋转 90° 或 180°,或以 -180° 到 180° 之间的任意自定义角度旋转,并可为暴露的角落选择透明或纯色背景,全部直接在您的浏览器中完成。

工作原理

水平翻转会沿垂直中心线镜像每个像素,因此第 x 列的像素与同一行中第 (宽度 - 1 - x) 列的像素互换。垂直翻转以同样的方式沿水平中心线操作,将第 y 行与第 (高度 - 1 - y) 行互换。旋转 90° 和旋转 180° 使用精确的整数坐标将每个像素重新映射到新位置,不进行重采样,也不会损失质量,并在 90° 旋转时交换图像的宽度和高度。自定义角度滑块使用画布原生的旋转变换,将图像围绕其中心旋转任意角度,新画布尺寸根据旋转矩形的经典边界框公式计算:新宽度 = |W×cos(θ)| + |H×sin(θ)|,新高度 = |W×sin(θ)| + |H×cos(θ)|,因此整个旋转后的图像始终能完整容纳而不会被裁剪。

解决的问题

常见问题

"翻转"和"旋转"有什么区别?

翻转会以某条轴线镜像图像,就像照镜子一样,所以左右(或上下)互换位置,但没有任何旋转。旋转则是将整个图像围绕其中心转动一个角度,因此方向会改变,但绝不会镜像。

为什么翻转和 90°/180° 旋转按钮会立即应用,而自定义角度需要点击"应用旋转"?

以精确的 90 度倍数进行翻转和旋转只是将现有像素重新排列到新的网格中,因此无需预览,点击的那一刻结果就已明确。自定义角度需要重采样,并为暴露出的角落选择背景,因此会先显示实时预览,只有在点击"应用"后才会应用到图像上,让您在锁定之前微调角度和背景。

为什么以自定义角度旋转时画布会变大?

将矩形以非 90 度倍数的角度旋转会使其超出原来的边界框,就像倾斜的相框需要更大的墙面空间一样。画布会精确增大以容纳旋转后的图像,确保没有任何部分被裁掉,而旋转留下的空角会填充您选择的背景色或保持透明。

自定义角度旋转时,我应该选择透明背景还是纯色背景?

如果您要将旋转后的图像放置在其他内容之上,比如设计布局或另一张照片上,那么透明背景效果最佳,因为它会以保留角落透明效果的 PNG 格式下载。如果图像需要独立存在,比如填充彩色卡片或匹配页面背景,则纯色背景更合适。

我的照片会被上传到任何地方吗?

不会。每次翻转和旋转都通过 HTML canvas API 在您的浏览器本地完成,不会向服务器发送任何内容。

相关工具