圖片旋轉翻轉
點擊或拖拽上傳圖片
支援 JPG / PNG / WEBP / GIF
請選擇一張圖片開始編輯
免費線上圖片旋轉翻轉,90/180/270° 旋轉加水平垂直鏡像,像素級幾何變換保持原始畫質。手機照片、掃描件方向一鍵修正,無需註冊。
相關推薦
什麼是圖片旋轉和翻轉?
圖片旋轉和翻轉都是基本的幾何變換。旋轉是把圖像按某個角度(90°/180°/270°)繞中心轉置,像素座標按矩陣重排;翻轉是沿水平或垂直軸做鏡像變換,每一行/列像素前後倒置。它們都不修改圖像內容,只改變像素排列。
**為什麼 90/180/270 特殊?** 這三個角度在像素矩陣上嚴格對齊,原像素位置和輸出像素位置都是整數,不存在亞像素偏移,因此不需要插值,結果是無損的;任意角度(如 45°)則需插值,會出現邊緣模糊。
**和 EXIF 的關係:** 手機拍照的方向資訊通常存在 EXIF Orientation 標籤裡,作業系統根據它來旋轉顯示。但把照片傳到電腦或聊天工具後 EXIF 經常丟失,就需要重排像素來修正。本工具做的是像素級重排,相容任何場景。
**和 CSS transform 的關係:** CSS transform 只能改變頁面上的視覺顯示,下載圖片後仍是原圖。本工具做的是真正的像素級重排並匯出新 PNG,下載即生效,可用於 PPT、Word、PDF 等任何場景。
**翻轉的用途:** 水平鏡像常用於產品圖(Amazon 要求主圖為產品本身而非鏡像,但很多跨境場景需要鏡像版本)和前置鏡頭自拍修正;垂直鏡像常用於製造倒影、對稱佈局。
適用場景
- 手機拍照方向不對時用 90° / 270° 快速修正,傳輸到電腦或聊天軟體時方向仍正確
- 掃描件或 PDF 截圖方向倒置時一鍵 180° 翻轉,省去開啟大型修圖軟體
- ADF 自動進紙掃描器雙面掃描後,正面頁方向倒置時用 180° 快速還原
- 電商主圖需要鏡像版本時一鍵水平翻轉,省去 Photoshop 反相操作
- 前置鏡頭自拍鏡像反轉:用水平翻轉把左右倒置的自拍修正為正常視角
- PPT/Word 中插入的圖片方向錯誤時先旋轉再匯出,避免反覆插入
使用方法
- 點擊上傳區域選擇圖片,或直接拖曳 JPG/PNG/WEBP/GIF 檔案到該區域
- 點擊 90° / 180° / 270° 按鈕做旋轉,或點擊左轉/右轉 90° 快捷按鈕累計旋轉
- 點擊水平/垂直翻轉按鈕做鏡像,可獨立或組合使用
- 右側預覽區即時查看結果,對比原始尺寸與輸出尺寸
- 點擊下載按鈕,結果以 PNG 格式儲存到本地(檔名自動添加 _rotate-flip 後綴)
功能特點
- 四檔角度旋轉:90/180/270° 順逆時針切換,支援左轉/右轉快捷按鈕
- 水平/垂直鏡像:兩種翻轉可獨立或組合使用,組合後等價於 180° 旋轉
- 像素級無損變換:直接重排 Canvas 像素矩陣,不壓縮不插值,原始畫質保持
- 即時預覽:調參即所見,原始尺寸與輸出尺寸同螢幕對比,零等待
- EXIF 相容:保留拍攝時間、設備等大部分元資料,方向標籤自動重置
- 本地瀏覽器處理:所有變換在 Canvas 中完成,檔案不上傳任何伺服器
最佳实践
手機照片方向修正:90/270° 而非任意角度
手機拍照的方向錯誤通常是 90° 整數倍,90/270° 是無損的像素重排,畫質零損失。如果用任意角度工具做精細調整,反而會引入插值模糊,得不償失。
掃描件方向修正:先 180° 再判斷是否左右翻轉
ADF 自動進紙掃描常出現方向倒置(特別是雙面掃描的背面),先用 180° 旋轉解決上下倒置;如果文字左右也反了,再疊加一次水平翻轉。這兩步都是無損操作。
電商主圖鏡像:水平翻轉前先確認平台規則
Amazon 等平台要求主圖為產品本身(非鏡像),但部分場景(如對稱素材展示)需要鏡像版本。批次處理前先確認平台規範,避免誤用鏡像導致下架。
避免疊加任意角度旋轉,否則會反覆插值
如果先用 45° 工具轉過,再用本工具 90° 旋轉,畫質會經歷兩次插值(一次 45° 模糊、一次 90° 幾何)。最佳流程是:原始圖 → 本工具 90/180/270° → 再考慮其他操作。
PPT/Word 插圖方向修正後匯出為 PNG
PPT/Word 直接旋轉圖片只是視覺變更,複製到其他文件或匯出 PDF 後方向可能錯亂。先用本工具旋轉並下載為 PNG,再插入到 PPT/Word 中,所有文件都能正確顯示。
前置鏡頭自拍鏡像修正:水平翻轉
前置鏡頭自拍預設是左右倒置的(鏡像),傳到電腦後看起來不自然。用水平翻轉一鍵恢復為正常視角。注意:僅翻轉左右,不改變上下方向。
需要刪除拍攝元資料時,配合 EXIF 清理工具
本工具保留大部分 EXIF 元資料(拍攝時間、設備、可能含 GPS 座標)。如要分享到公開平台並保護隱私,建議先用 EXIF 刪除工具清理敏感欄位,再做旋轉翻轉。
常見問題
怎麼線上旋轉圖片 90 度或 180 度?
上傳圖片後點擊 90° / 180° / 270° 按鈕即可一鍵旋轉,無需複雜參數。適合手機直拍方向錯誤、掃描件倒置、PDF 插入圖反向等場景。本工具做的是像素級重排,比單純修改 EXIF 方向標籤在所有軟體裡都能正確顯示。
圖片水平翻轉和垂直翻轉有什麼區別?
水平翻轉是左右鏡像(沿垂直軸對稱),適合反轉自拍鏡像、修正前置鏡頭拍照、調整對稱素材;垂直翻轉是上下倒置(沿水平軸對稱),適合製造倒影、修復文字倒排。兩者互不干擾,可疊加使用,疊加後等價於 180° 旋轉。
手機拍的照片方向不對能修正嗎?
可以。手機拍照常因重力感應出現橫直方向錯誤,傳到電腦或聊天軟體時 EXIF 方向標籤有時會被丟棄。使用本工具 90° / 270° 旋轉會直接重排像素,無論在瀏覽器、辦公軟體還是社群平台都按正確方向顯示,比改 EXIF 更可靠。
旋轉或翻轉後圖片清晰度會受影響嗎?
不會。90/180/270° 旋轉和水平/垂直翻轉都是嚴格對齊像素矩陣的整數幾何變換,沒有任何插值或重採樣,輸出與輸入的像素內容完全一致。需注意:90° / 270° 旋轉會交換寬高,180° 旋轉和翻轉則不會改變尺寸。
可以多次組合操作嗎?比如先旋轉再翻轉?
可以。本工具支援連續點擊不同按鈕,所有操作按順序累積。例如先點 90° 順時針,再點水平翻轉,等同於 90°+水平鏡像組合;連續點兩次 90° 等價於一次 180° 旋轉。每次操作都有即時預覽,可以隨時看到中間狀態。
為什麼本工具不做任意角度旋轉(比如 45°)?
任意角度旋轉需要亞像素插值,會讓邊緣像素模糊、畫質下降。本工具專注於 90/180/270° 這三個無損角度,配合水平垂直翻轉已經涵蓋絕大多數使用場景。如需任意角度請使用桌面修圖軟體(如 Photoshop、GIMP)。
EXIF 方向資訊會被保留嗎?
像素級旋轉/翻轉會保留大部分 EXIF 元資料(拍攝時間、設備型號、GPS 等),但方向標籤(Orientation)會被重置為正常值(1),確保任何軟體都按新方向顯示。如需徹底刪除拍攝隱私元資料,請配合 EXIF 刪除工具使用。
圖片旋轉翻轉會上傳到伺服器嗎?安全嗎?
不會。所有處理均在本地瀏覽器內透過 Canvas 變換矩陣 API 完成,檔案不會上傳到任何伺服器,關閉頁面即釋放記憶體。個人照片、合約掃描件、敏感證件照片都可以安心處理,隱私完全本地化。
術語表
- EXIF Orientation
- 圖片元資料中的方向標籤(值 1-8)。值 1 表示正常,6 表示順時針 90°,8 表示逆時針 90°,3 表示 180°。部分軟體會忽略此標籤,所以像素旋轉更可靠。
- 像素級幾何變換
- 透過重排像素矩陣實現的幾何操作,包括旋轉、翻轉、平移、縮放。區別於視覺/CSS 變換(display 變化但像素不動)。本工具做的是像素級,下載即生效。
- 鏡像翻轉
- 沿一條直線(水平軸或垂直軸)把圖像做鏡像複製。沿水平軸翻轉 = 上下倒置;沿垂直軸翻轉 = 左右鏡像。兩者組合等價於 180° 旋轉。
- 亞像素插值
- 任意角度旋轉時,原像素位置在輸出圖上落在像素之間的浮點位置,需要透過周圍像素加權計算(雙線性、雙三次、Lanczos 等)。這會引入輕微模糊,是 90/180/270° 整數旋轉所不需要的。
- ADF 自動進紙掃描
- 印表機/掃描器的自動進紙器(Automatic Document Feeder)。在雙面掃描時,正面頁可能出現方向倒置,本工具一鍵 180° 即可修正。
- Canvas 變換矩陣
- Canvas 2D 上下文提供的座標變換方法(translate、rotate、scale)。本工具把旋轉和鏡像統一在變換矩陣中處理,無需為每種組合寫座標分支,程式碼更簡潔且避免 bug。
8 種基本變換一覽
| 操作 | 變換規則 | 典型用途 |
|---|---|---|
| 90° 順時針 | (x, y) → (h − 1 − y, x) | 手機橫拍改直、掃描件方向修正 |
| 180° 旋轉 | (x, y) → (w − 1 − x, h − 1 − y) | 上下倒置修正、翻面 |
| 270° 順時針 | (x, y) → (y, w − 1 − x) | 直拍改橫、逆時針旋轉 |
| 水平翻轉 | (x, y) → (w − 1 − x, y) | 左右鏡像、自拍修正、電商鏡像 |
| 垂直翻轉 | (x, y) → (x, h − 1 − y) | 上下倒置、倒影效果 |
| 水平+垂直翻轉 | 等同於 180° 旋轉 | 完全反向 |
EXIF 方向標籤 8 種取值含義
| Orientation 值 | 含義 | 對應本工具操作 |
|---|---|---|
1 | 正常(0°) | 無需處理 |
2 | 水平翻轉 | 點擊水平翻轉 |
3 | 180° 旋轉 | 點擊 180° 旋轉 |
4 | 垂直翻轉 | 點擊垂直翻轉 |
5 | 90° 順時針 + 水平翻轉 | 先水平翻轉再 90° 順時針 |
6 | 90° 順時針 | 點擊 90° 旋轉 |
7 | 90° 順時針 + 垂直翻轉 | 先垂直翻轉再 90° 順時針 |
8 | 90° 逆時針(270° 順時針) | 點擊 270° 旋轉 |
Authoritative References
- ReferenceEXIF Orientation - 維基百科
- ReferenceMDN - Canvas transform
- ReferenceMDN - CSS transform
- 圖片壓縮
- 圖片格式轉換
- PNG 轉 JPG
- HEIC 轉 JPG
- WebP 轉 JPG
- JPG 轉 PNG
- JPG 轉 WebP
- PNG 轉 WebP
- WebP 轉 PNG
- HEIC 轉 PNG
- HEIC 轉 WebP
- AVIF 轉 JPG
- 圖片裁切
- AVIF 轉 PNG
- AVIF 轉 WebP
- GIF 轉 JPG
- GIF 轉 PNG
- GIF 轉 WebP
- SVG 轉 JPG
- SVG 轉 PNG
- SVG 轉 WebP
- TIFF 轉 JPG
- 圖片濾鏡
- TIFF 轉 PNG
- TIFF 轉 WebP
- ICO 圖示產生
- 圖片編輯器
- QR Code 掃描器
- 圖片尺寸調整
- 圖片旋轉翻轉
- 圖片圓角
- 雪碧圖產生器
- SVG 檢視器
- 圖片轉 ASCII 字元畫
- 圖片放大
- 圖片浮水印