オンラインで画像の回転と反転 — 無料ツール

写真が横向きに見える理由

多くのカメラや携帯は、ピクセルデータを物理的に回転させる代わりに向きをメタデータとして保存します。あるビューアはそのメタデータを正しく読み、別のビューアは無視するため、同じ写真があるアプリでは正しく、別のアプリでは横向きに見えることがあります。画像を回転して新しいファイルを書き出すと、向きがピクセルに焼き込まれます。

これは携帯写真、スキャンした文書、OS 間で移動した画像で特によくあります。画像をフォーム、マーケットプレイス、CMS にアップロードするなら、アップロード前に向きを修正すると公開後の驚きを防げます。

回転と反転

回転は画像を中心の周りに、通常 90 度刻みで回します。反転は画像を左右または上下にミラーします。左右反転は自撮り、製品モックアップ、反転したスクリーンショット、創造的なレイアウトに便利です。上下反転はあまり一般的ではありませんが、スキャンしたネガ、反射、反転した撮影に役立ちます。

回転と反転はピクセル配置を変えるため、保存されるファイルは新しい画像です。可視内容は変わりますが、適切な設定で書き出せば基本的な品質は高く保てます。

キャンバス変換の基礎

ブラウザの回転はキャンバス変換を使います。画像がデコードされ、キャンバスが回転結果に合わせてサイズ設定され、ブラウザが元のピクセルを新しい位置に描画します。90 度の回転は幅と高さを入れ替えます。180 度の回転は寸法を保ちます。

JPG 出力では、回転後にファイルが再エンコードされ、ファイルサイズがわずかに変わることがあります。PNG や可逆形式は鮮明なグラフィックをよりよく保ち、JPG は写真に効率的です。テキストのあるスクリーンショットを回転するなら、PNG として書き出すとエッジがよりきれいに保てます。

他の編集の前に回転するタイミング

向きは通常、トリミング、サイズ変更、透かしの追加の前に修正すべきです。先にトリミングして後で回転すると、トリミングが意図通りに被写体を捉えなくなることがあります。回転前に透かしを入れると、透かしが間違った角に来ることがあります。

きれいな順序は、回転、トリミング、サイズ変更、そして圧縮です。これはほとんどの画像エディターが補正を扱う方法を反映し、非可逆形式の品質を下げる繰り返しの書き出しを避けるのに役立ちます。

プライバシーとメタデータ

ブラウザ経由で回転したコピーを保存すると、通常カメラメタデータが取り除かれます。つまり出力は向きが正しいだけでなく、公開共有によりきれいです。記録用にカメラメタデータを保つ必要があれば、元のファイルを別途保管してください。

日常の用途では、メタデータの削除は通常利点です。公開サイトに画像をアップロードするときに GPS 位置、デバイスモデル、撮影時刻が偶発的に露出するのを減らします。

公開前に向きを修正する

向きの不具合は小さいですが、ページを未完成に見せます。横向きの製品画像、パスポート写真、記事サムネイルは、訪問者が内容より先に間違いに気づくため信頼を損ないます。アップロード前に回転を修正するのは、同じファイルが誤ってキャッシュ、共有、インデックスされるのを防ぐ素早い品質チェックです。

最も安全なワークフローは、元のビューを人が見るべき方向に回転し、宛先用に最終コピーを 1 枚書き出すことです。宛先がウェブサイトなら、回転後に WebP への変換を検討してください。フォームや古いアップロードシステムなら、JPG が通常より一貫して受け入れられます。

自分のデバイスで正しく見えるビューアだけに頼らないでください。一部のアプリは黙って向きのメタデータを尊重し、他は無視します。ブラウザ生成の新しい画像を書き出すと、向きがピクセルに明示され、ブラウザ、プリンター、アップロードフォーム間でより予測可能になります。

回転と繰り返しの書き出し

複数の画像を回転する必要があるなら、他の編集の前に向きの処理を一度で済ませてください。小さな変更のたびに JPG を繰り返し保存すると、各書き出しが再び圧縮を適用するため品質が徐々に下がります。よりきれいなワークフローは、回転し、確認し、必要ならトリミングし、最終的な共有コピーを一度だけ書き出すことです。

スクリーンショット、図、スキャンした文書には、鮮明なテキストや細い線がよりきれいに見えるため、回転後に PNG 出力を検討してください。カメラ写真には JPG か WebP が通常より小さいです。どちらの場合も、ブラウザ側の回転は元のファイルをローカルに保ちつつ予測可能な補正コピーを作ります。