短い答え
オンラインで画像をミラーするなら水平反転を使います。横向きの写真は左に回転または右に回転で直します。上下逆さまなら、90 度回転を 2 回で 180 度になります。
これらは別々の問題を解く操作です。
- 横向きになったスマホ写真には回転。
- 向きがおかしい自撮りには水平反転。
- Tシャツ・看板・レシート・ラベル・ホワイトボードの逆さ文字にも水平反転。
- 上下が逆のスキャンや反射像には 180 度回転、あるいは垂直反転。
PhotoTools はこれをブラウザー内で処理します。画像を投入し、回転や反転ボタンを押し、修正結果をプレビューしてダウンロード——元ファイルはサーバーに送られません。
どの修正がどの問題に効くか
| 見えている状態 | 使う操作 | 変わるもの |
|---|---|---|
| 縦向き写真が横に見える | 90° 左または右に回転 | 幅と高さが入れ替わる |
| 画像が上下逆さま | 180° 回転 | 幅と高さは同じで、内容が正しい向きに |
| 自撮りが鏡のプレビューと違う | 水平反転 | 左右が入れ替わる |
| 文字が反転している | 水平反転 | 鏡文字を読めるようにする |
| スキャンが上下逆 | 垂直反転 | 上下が入れ替わる |
| 商品の向きが逆 | 水平反転 | 回転せずに向きだけ変える |
| 回転後に透かし・ロゴが違う角にある | リセットして、先に回転してから透かし | 後の編集を正しい位置に |
迷ったら、画像内の文字を手掛かりにします。文字が読めて向きだけおかしいなら回転、文字が逆なら水平反転です。
ミラー・反転・回転は同じではない
2 つの操作系は混同されがちなので、平たい言葉で整理します。
- 90° または 270° の回転： 画像を横向きにして幅と高さを入れ替えます。3024 x 4032 の縦写真は 4032 x 3024 になります。
- 180° の回転： 画像を上下ひっくり返す（または戻す）操作で、幅と高さは変わりません。
- 水平反転： 左右を鏡のように反転します。「オンラインでミラー画像」と言うとき、たいていはこの操作です。
- 垂直反転： 上下を鏡のように反転します。あまり使われませんが、上下逆さまのスキャン・反射像・特定のクリエイティブなレイアウトに役立ちます。
技術的には、ブラウザーの画像ツールは通常、画像を canvas に描画してから変換を適用し、新しいファイルとして書き出します。MDN のドキュメントでは rotate() が canvas の回転、scale(-1, 1) が水平反転、drawImage() が変換後の canvas にソースピクセルを描画する処理として説明されています。
スマホ写真がアプリによって縦になったり横になったりする理由
横向きになったスマホ写真の多くは、向きに関するメタデータ由来です。
縦向きに撮ったとき、カメラはピクセル自体は元の並びのまま保存し、「どう表示すべきか」を示す EXIF の向きの値を書き込むことがあります。最近のギャラリーはこれを尊重するのでスマホ上では正しく見えますが、アップロードフォーム、CMS、メールクライアント、古いビューアー、あるいは処理パイプラインの一部は、この情報を無視したり異なる形で正規化したりします。
MDN の image-orientation ドキュメントはブラウザー側の考え方を示しています——EXIF 情報から画像の向きを補正できる、という発想です。表示には有用ですが、同時に混乱の源も説明しています。あるビューアーは向きヒントを尊重し、別のワークフローはそうしないことがあるのです。
一番堅い対処は、正しい見た目になった段階で修正済みコピーを書き出すこと。そのコピーでは、向きが実際のピクセルに焼き込まれ、元の向きタグの解釈に依存しなくなります。
PhotoTools でミラー・回転する手順
「1 つのアプリで正しく見える」だけでなく、修正済みの画像そのものが欲しいときは、次の流れで進めます。
- 回転と反転 を開きます。
- 画像を 1 枚以上ドロップします。
- 横向き写真は左に回転または右に回転。
- 自撮り、逆さ文字、向き変更には水平反転。
- 垂直反転は上下逆さまのときだけ。
- 間違えたらリセット。
- 修正済みファイルをダウンロード、複数まとめる場合は ZIP で。
現行の PhotoTools の回転ワークフローは、編集済みコピーを高品質 JPG で書き出します。カメラで撮った写真、自撮り、Web アップロード用途にはこれで十分です。透過が必要な PNG や、透過を維持したいグラフィックの場合は、原本を保持したうえで PNG が保たれるワークフローを使ってから公開してください。
逆さ文字を再び読めるようにする
逆さ文字は典型的な「ミラーの問題」であって、回転で解決するものではありません。
以下のときは水平反転を使います。
- Tシャツの文字が自撮りで逆になっている
- 看板や店構えが鏡になっている
- ホワイトボードの写真が反転している
- スキャンしたレシートやラベルが右から左に読めるようになっている
- レイアウト上、商品を反対向きに見せたい
逆さ文字の画像を先に回転してはいけません。文字が横向きにはなっても、依然として鏡文字のままです。まず水平反転、そのうえで画像全体が横向きなら回転を追加します。
勘に頼らず自撮りを正しく直す
自撮りが分かりづらいのは、プレビューと保存ファイルが一致しないことがあるからです。スマホはポーズを取っている間はミラープレビューを表示しつつ、保存時は非ミラーで保存することがあり、逆のケースもあります。SNS アプリはさらに別のプレビュー処理を重ねることも。
判定は次のように単純化できます。
- 画像内の文字が逆なら水平反転。
- 文字は正しく読めるが顔の向きがプレビューと違うと感じるなら、最終ファイルを「鏡と同じ向き」にしたいときだけ水平反転。
- 文字がないときは、髪の分け目、時計のあるほう、ロゴ、背景の物など、左右非対称の手掛かりを比べます。
プロフィール写真の「正解」は個人の好みでも構いません。ただし商品写真・書類・看板・スクリーンショットでは、読みやすさや実際の向きのほうが「鏡で見た心地よさ」より大事なことがほとんどです。
回転・寸法・ファイルサイズ
リサイズしなくても、回転で寸法が変わることがあります。
| 編集 | 幅と高さ | ファイルサイズ | 備考 |
|---|---|---|---|
| 90° 回転 | 入れ替わる | 変わり得る | 縦と横が入れ替わる |
| 180° 回転 | 変わらない | 変わり得る | 再エンコードは依然として容量に影響する |
| 水平反転 | 変わらない | 微妙に変わり得る | 同じピクセルグリッドを鏡像化 |
| 垂直反転 | 変わらない | 微妙に変わり得る | 同じピクセルグリッドを上下反転 |
| リセット | 元と同じ | 元と同じ | ワークスペースにアップロードした状態に戻る |
ファイルサイズは回転が効いたかどうかの判断材料としては当てになりません。修正後の JPG は、ブラウザーが新規ファイルを作り、品質設定を使い、元のメタデータブロックを引き継いでいないため、原本より大きくも小さくもなり得ます。
画質：実際に変わるのはどこか
90・180・270 度の編集は、自由角度で行う斜め補正のようなぼやけを生むわけではありません。既存の画像を新しい向きに移しているだけです。画質のリスクの大半は書き出しの段階にあります。
PhotoTools は回転/反転結果を高品質 JPG で書き出します。普通の写真ではたいてい違いに気づきませんが、スクリーンショット、図表、レシート、細かい文字では、JPEG が写真向けの非可逆形式である以上、エッジが甘くなることがあります。アーカイブ用や透過が必要な用途では原本を残しましょう。
以下のワークフローは避けてください。
- 圧縮済み JPG をダウンロード。
- それを回転。
- またダウンロード。
- 後日開き直して反転。
- さらにダウンロード。
これは非可逆な書き出しを何度も積み重ねるやり方です。よりクリーンなのは、原本から回転か反転を 1 回だけ行い、切り抜き・リサイズ・透かし・圧縮を最後の順序でまとめる方法です。
EXIF の向きとメタデータ
写真を見た目上回転するのと、EXIF の向きタグだけを書き換えるのは、別の操作です。
EXIF だけの修正はファイルに付いた「表示指示」を書き換えるだけ、ピクセルベースの修正は補正済みの画像を描き直して新しいファイルとして書き出します。アップロードフォームや Web 公開ではピクセルベースのほうが予測しやすいのが普通です。ビューアーがあなたのスマホと同じように向きタグを解釈するかどうかに、画像が依存しなくなるからです。
Canvas での書き出しは、メタデータが保持されない可能性も意味します。公開用のコピーとして共有する場合はプライバシー面ではプラス——GPS 位置情報やカメラの詳細は、ブラウザーでの再エンコード中に取り除かれることが多いからです。ただし証拠、写真管理、アーカイブでメタデータが必要な場合はマイナスになります。
安全な原則：メタデータが重要なら原本を残す、公開・アップロードは修正済みコピーを使う。
写真編集の順序
向きは最初に扱います。あとの編集が意図しない位置に落ちるのを防げます。
多くの写真ではこの順序が有効です。
- 回転または反転。
- 切り抜き。
- リサイズ。
- 透かしの追加。
- 圧縮または形式変換。
たとえば、縦写真に透かしを入れてから回転すると、透かしが右下から側面に移動してしまうことがあります。横向きになった画像を回転より先に切り抜くと、被写体の意図しない部分がフレームに残ります。
トラブルシューティング
アップロード後もまだ横向き
アップロード先が古いファイルをキャッシュしているか、独自の向き処理を適用している可能性があります。PhotoTools の結果をダウンロードし、別のビューアーで正しく開けることを確認したうえで、新しいファイル名で再アップロードしてください。
回転したら横長になってしまった
90 度または 270 度の回転では正常な挙動です。幅と高さが入れ替わります。回転後に縦のレイアウトが必要なら、向きを直してから切り抜きやリサイズを行います。
背景の透過が失われた
編集後のコピーが JPG で書き出されているためです。JPEG は透過をサポートしません。原本の透過ファイルを残し、透過が必要なときは PNG/WebP を保つワークフローを使ってください。
修正後のファイルのほうが大きい
再エンコードの結果として起こり得ます。ファイルサイズが気になるなら、先に回転してから修正済みコピーを 圧縮 してください。
ミラーした画像がしっくりこない
読める文字を手掛かりにします。文字が逆なら水平反転、文字が読めるのに横向きなら回転、文字がなければ、非対称でわかりやすい特徴を保存前に見比べます。
まとめ
ミラーと回転はどちらも小さな編集ですが、解いているのはまったく別の問題です。ミラー画像や逆さ文字には水平反転、横向きになったスマホ写真には左右への回転。修正済みコピーを 1 回だけ書き出し、メタデータや透過が重要なら原本を残し、向きは切り抜き・リサイズ・透かし・圧縮より先に整える——ここが実務的な要点です。