オンラインで画像を回転

JPG、PNG、GIF画像を回転させます。

画像の回転の仕組み

画像を回転させるとは、固定された中心点を軸に、選んだ角度(度数で指定)だけすべてのピクセルを回すことです。ここにある回転角度のコントロールは、単純な「左右に回転」ボタンで得られる90度刻みだけでなく、任意の値を受け付けます。3.5度や-12度のような値を入力して、四分の一回転だけでなく写真を微調整して水平を合わせることもできます。 入力する角度は、画像の現在の向きから時計回りに測られます。正の数は時計回りに、負の数は反時計回りに回転します。小数値も入力できるため、半度単位という細かさで写真を補正できます。これは通常、手持ち撮影の写真を水平に見せるのに必要な精度としては十分です。 キャンバスに何が起こるかは角度によって変わります。ちょうど90度の倍数(90、180、270)で回転させた場合、画像の4つの角は、まっすぐな長方形の角がある場所にぴったり収まります。幅と高さは90度と270度では入れ替わり、180度では変わりません。そのため余分な空間は現れず、何かを埋める必要もありません。 それ以外の角度では話が変わります。長方形の写真を12度回転させると、4つの角は元の長方形の外側にはみ出す位置を指すようになります。回転後の画像全体を表示するには、すべての角を収めるのに十分な広さと高さを持つ新しい外接矩形へキャンバスを広げる必要があります。この計算は元の幅、高さ、角度から自動的に行われます(おおよそ newWidth = 幅・|cos θ| + 高さ・|sin θ|、newHeight = 幅・|sin θ| + 高さ・|cos θ|)。この拡張後のキャンバスは回転した写真そのものより大きくなるため、四隅には元のピクセルデータが存在しない三角形の隙間が生じます。 この隙間は自動的に埋められます。PNGなど透明度に対応した形式では、隙間は透明なままになり、回転した写真は透けた背景の上に載ります。あとで別のデザインに配置する際に便利です。アルファチャンネルを持たないJPGでは、その隅は代わりに単色の背景で塗りつぶされます。JPGには「ピクセルが何もない」という状態を表す方法がないためです。 これは切り抜きや反転とは異なる操作です。回転は中心点を軸に向きだけを変えるものであり、内容を鏡映しにすることも、何かを取り除くこともありません。どの角度に回転させても、新しく広がったキャンバスの範囲内で回転したものはそのまま保たれます。

画像の回転が必要になるとき

回転が必要になる場面のほとんどは、創造的な再構図ではなく、元のファイルにすでに存在する角度のずれを直すことです。カメラが水平になっていなかったせいで数度だけ地平線が傾いた手持ち写真が最も一般的なケースです。90度回転させてもこれは直りませんが、回転角度欄に-2.3度のような値を入力すれば、他の部分に手を加えることなく水平を整えられます。 スキャンした書類や印刷した写真は、さらに極端な形で同じ問題に直面します。スキャナーにページをわずかに斜めに差し込むだけで、小さく一定しない角度で傾いたスキャンになり、一連のスキャンではページごとに少しずつ異なる角度補正が必要になるのが普通です。 完全な90度・180度の回転は、また別のよりシンプルな問題を解決します。横向きに保存されたスマートフォンの写真や、横位置レイアウトに収めたい縦位置撮影の画像などです。これらのケースは、キャンバスの拡張やコーナーの塗りつぶしが発生しないぶんきれいに片付きます。長方形全体がそのまま回転するだけです。 回転はサーバーではなくブラウザ内でローカルに処理されるため、どこにもアップロードしたくない画像の向きを直す場合にも妥当な選択肢です。個人的な写真や、スキャンしたID、NDAの対象になっているプロジェクトのファイルなどです。

90度刻みだけでなく任意の角度でカメラの傾きやスキャンのゆがみを補正
回転した角が切り取られないよう、キャンバスを自動的に拡張
90度以外の角度回転で生じる新しい四隅の領域でもPNGの透明度を保持
画像をローカルで処理するため、ファイルがブラウザの外に出ることはない

画像を回転させる方法

ここでの回転は1つのコントロールで完結します。調整したいJPG、PNG、GIFを読み込み、回転角度欄でどれだけ回すかを設定します。90や180のようなきりのよい数字を入力すれば四分の一回転や半回転になり、1.8のような小数を入力すれば、傾いた地平線などの小さな補正になります。プレビューは値を調整するたびに更新されるため、確定する前に、キャンバスが広がる様子や90度以外の角度で塗りつぶしがどこに現れるかを確認できます。角度が正しく決まったら、ツールがそれを処理し(一時的に「回転中...」と表示されます)、結果を返します。傾いた写真を水平にする場合は、まずプレビューの端をズームして確認してください。わずかな角度のずれは、中央よりもフレームの隅の方がずっと見つけやすいものです。

1

ツールでJPG、PNG、GIF画像を開きます

2

回転角度欄に値を入力します。90の倍数で完全な回転、小数で小さな補正になります

3

プレビュー、特に隅の部分を確認し、角度と塗りつぶしが正しく見えるかを確かめます

4

結果が求めているものと一致したら、回転後の画像を保存します

よくある質問

これは90度の倍数以外の角度で回転させたときに必ず起こります。写真の回転した角に合わせてキャンバスを広げる必要があり、その拡大されたキャンバスは写真そのものより大きくなるため、4つの三角形の隙間が残ります。PNGが元の場合、その隙間は透明なままです。JPGが元の場合は単色の背景で塗りつぶされます。JPGには透明チャンネルがないためです。このツールはその隙間を自動で切り取ることはしません。隅が見えない、きれいな長方形が必要な場合は、あとから元の写真の範囲内に戻るまで各辺から切り抜く必要があります。
回転は設定した角度だけ中心点を軸に画像を回すもので、内容自体は変わらず向きが変わるだけです。反転は水平または垂直の軸を挟んで画像を鏡映しにするもので、左右や上下を入れ替え、内容そのものが変化します。文字は裏返しになり、右を向いていた人物は左を向くようになります。写真が単に上下逆さまや横向きに見えるだけなら、180度か90度回転させてください。鏡映しに見える場合は、回転では直せません。専用の反転ツールが必要です。
正負を問わず任意の角度を入力でき、細かい補正のための小数も使えます。90度の倍数以外の角度では、新しいキャンバスの幅と高さは、元の幅w、高さh、角度θから計算されます。newWidth = w・|cos θ| + h・|sin θ|、newHeight = w・|sin θ| + h・|cos θ| です。そのため2度のような小さな補正ではキャンバスサイズはほとんど変わりませんが、45度に近い角度では元の写真よりも明らかに大きなキャンバスになります。
いいえ。回転はブラウザ内で直接計算・描画され、画像ファイルがサーバーに送られることはありません。そのため、個人的な写真やスキャンした書類など、手早く向きを直したいけれどアップロードはしたくないものにも適した選択肢です。
90度のちょうど倍数で回転させる場合、ピクセルの再サンプリングは発生せず、位置を入れ替えるだけなので画質に影響はありません。それ以外の角度で回転させる場合はピクセルの再サンプリングが必要です。回転したグリッドに合わせてピクセルを再計算する必要があるため、リサイズによって生じるのと似た、わずかなソフト化が加わります。通常の表示サイズではほとんど気になりませんが、印刷用の高解像度スキャンにわずかな角度補正を加える場合には無視できないことがあります。
アニメーションGIFを読み込むことはできますが、回転の結果はそこから作られる静止画になり、すべてのコマに回転を適用したアニメーションにはなりません。各コマに回転を適用したままアニメーションを維持したい場合、このツールはそのための作りにはなっていません。静止画像を回転させるためのツールです。
負の角度は、同じ度数だけ時計回りではなく反時計回りに画像を回転させます。つまり90は画像を時計回りに四分の一回転させ、-90は反時計回りに四分の一回転させます。どちらも90度の回転ですが、最終的な向きは異なります。傾いた地平線を水平にする場合、正の値が必要か負の値が必要かは、元の写真で地平線がどちら向きに傾いているかによって決まります。
はい、JPG、PNG、GIFは回転後も同じ形式のままです。これは90度以外の回転で拡張されたキャンバスの見た目に関わってきます。PNGは新しい四隅の領域を透明なまま保ちますが、JPGには透明度への対応がないため単色の背景で塗りつぶされます。

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

画像圧縮

サイズ縮小

サイズ変更

寸法変更

画像切り抜き

領域を切り取る

形式変換

形式を変更

フォトエディター

写真を編集

画像反転

水平/垂直反転

透かしを追加

透かし

枠線追加

画像枠線を追加

角丸

角丸を追加

フィルター

明るさ/コントラスト

顔をぼかす

顔を隠す

モザイク

領域をぼかす

背景削除

背景を削除

画質向上

AI拡大

テキスト追加

画像にテキストを追加

コラージュ

複数の画像を結合

HTMLから画像

Webを画像に

GIF からシーケンス

フレーム抽出

画像の余白を削除

空白の縁を削除

画像を一括リネーム

ファイル名を安全に一括変更

円形切り抜き

画像を円形に切り抜き

白黒

画像をグレースケールに変換

画像分割

画像をグリッドに分割

画像結合

画像を1つに結合

DPI変更

画像のDPIメタデータを設定

画像→Base64

画像をBase64にエンコード

画像をPDFに結合

複数の画像を1つのPDFにまとめる

HEIC→JPG

iPhoneのHEIC写真をJPGに変換

EXIF除去ツール

GPS位置情報を含む写真の隠しメタデータを表示・除去

ファビコン ジェネレーター

完全なアイコンセットとHTML

カラーパレット

画像から色を抽出

Base64→画像

Base64をデコードして画像に戻す

HEIC→PNG

iPhoneのHEIC写真をロスレスでPNGに変換

文字を被写体の後ろに

写真の被写体の後ろに文字を回り込ませる。すべてブラウザ内で完結

カラーピッカー

任意のピクセルのHEX・RGB・HSLを取得

署名メーカー

署名を手書きして透過PNGでダウンロード

署名の背景削除

紙の上のインクを透過に

背景透過ツール

背景を透明にする