画像の回転と反転
画像を90°、180°、または任意の角度で回転し、左右や上下に反転。キャンバスは自動で広がり、四隅は透明または単色にできます。
すべてブラウザ内で実行されます。データがアップロードされることはありません。
画像回転とは?
画像を90°刻み、または−180°〜180°の任意の角度で回転し、左右や上下に反転します。90°の倍数でない角度では、何も切れないようにキャンバスが広がり、新しくできる四隅は透明か、選んだ色で塗りつぶされます。
画像回転の使い方
- 画像をドロップ、選択、または貼り付けます。
- 左に 90° 回転、右に 90° 回転、180° 回転を使うか、スライダーや数値欄で任意の角度を設定します。
- 必要に応じて左右反転 / 上下反転を切り替えます。
- 任意の角度では、四隅を透明にするのままにするか背景色を選び、結果をダウンロードします。
例
40×20 image with red top-left, green top-right, blue bottom-left quadrants, Rotate right 90°
20×40 image whose top-left pixel is blue (the former bottom-left corner)
画像回転を使うべき場面
横向きの写真の修正、わずかに傾いたスキャンや水平線の補正、鏡像の作成に使います。任意の角度での回転はピクセルを再サンプリングして画像を少しぼかし、繰り返すと劣化が積み重なるため、元の画像から一度だけ回転してください。
画像回転の仕組み
出力サイズは、回転した矩形の外接矩形です:幅 = w·|cos θ| + h·|sin θ|、高さ = w·|sin θ| + h·|cos θ|。canvasは中心に移動され、θだけ回転され、反転する軸には−1が掛けられ、画像は中央に描画されます。90°の倍数は幅と高さを入れ替えるだけなので、ピクセルは補間されません。
一般的な使用例
- 横向きで撮影された写真の修正
- 2〜3度傾いてスキャンされた書類の補正
- 自撮りや文字画像の左右反転
- デザイン用の透明背景の回転したグラフィックの作成
セキュリティ注意事項
画像はブラウザ内でCanvas APIを使ってデコード、処理、エンコードされます。サーバーには何もアップロードされません。
よくある質問
90°の回転は可逆ですか?
ピクセルは補間なしで移動されます。PNGで保存すれば可逆で、JPEGやWebPで出力すると画像が再圧縮されます。
45°回転すると画像が大きくなったのはなぜですか?
画像のどの部分も切れないよう、キャンバスが回転後の外接矩形に広がるためです。必要なら、あとで画像トリミングで切り抜いてください。
反転と180°回転の違いは何ですか?
180°回転は画像を上下逆さまにします。左右反転は、向きを変えずに左右を鏡像にします。