簡短回答
要在線上鏡像一張圖片,請用水平翻轉。要修好拍歪的照片,用向左旋轉或向右旋轉。要修好上下顛倒的圖,轉兩次 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 裡是正的、換一個 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 的流程。
修正後的檔案變大了
重新編碼之後有可能發生這種情況。若你在意檔案大小,先做旋轉,再用 壓縮 處理修正後的副本。
鏡像後的圖看起來不對
用圖裡可讀的文字當參考。文字反了——水平翻轉;文字是正的但圖是歪的——旋轉;圖裡沒文字,就在儲存前對照那些不對稱的可辨識細節。
實用重點
鏡像和旋轉是很小的編修,但解決的是完全不同的問題。鏡像圖片與反著的文字用水平翻轉;手機拍歪的照片用向左或向右旋轉。只匯出一份修正後的副本;中繼資料或透明度重要的時候就留原圖;把方向修好之後,再做裁切、尺寸、浮水印或壓縮。