画像反転・回転
Freeブラウザ内で画像を水平または垂直に反転させたり、90°、180°、または任意のカスタム角度で回転させたりします。
すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。
クリックして画像を選択するか、ここにドラッグ＆ドロップしてください
最近のアクティビティ
全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。
Rotate 90° CW · 4032×3024
1週間前
Rotate 90° CW · 3024×4032
1週間前
Rotate 90° CW · 4032×3024
1週間前
Flip Vertical · 3024×4032
1週間前
Flip Horizontal · 3024×4032
1週間前
Rotate 180° · 3024×4032
1週間前
Rotate 90° CCW · 3024×4032
1週間前
Rotate 180° · 4032×3024
1週間前
このツールの機能
画像を水平または垂直に反転し、ワンクリックで90°または180°回転させたり、-180°から180°の任意のカスタム角度で回転させたりでき、露出したコーナーには透明または単色の背景を選択できます。すべてブラウザ内で直接行われます。
仕組み
水平反転は、垂直中心線を挟んですべてのピクセルを鏡映しにするため、列xのピクセルは同じ行の列(幅 - 1 - x)のピクセルと入れ替わります。垂直反転は、水平中心線を挟んで同じことを行い、行yを行(高さ - 1 - y)と入れ替えます。90°回転と180°回転は、正確な整数座標を使用してすべてのピクセルを新しい位置に再マッピングし、再サンプリングや品質低下はなく、90°回転では画像の幅と高さが入れ替わります。カスタム角度スライダーは、キャンバスのネイティブな回転変換を使用して、画像を中心の周りで任意の角度に回転させます。新しいキャンバスサイズは、回転した長方形の古典的なバウンディングボックスの公式から計算されます:新しい幅 = |W×cos(θ)| + |H×sin(θ)|、新しい高さ = |W×sin(θ)| + |H×cos(θ)|。これにより、回転した画像全体が常に切り取られることなく収まります。
解決できる問題
- スマートフォンやカメラで横向きや逆さまに撮影された写真を修正する。
- 人物や物体が逆向きになるように写真を鏡映しにする。
- わずかに傾いた写真をまっすぐにしたり、意図的に角度をつけたデザイン要素を作成したりする。
よくある質問
›「反転」と「回転」の違いは何ですか?
反転は画像を軸に沿って鏡映しにします。鏡で見るのと同じように、左右(または上下)が入れ替わりますが、何も回転はしません。回転は画像全体を中心の周りである角度だけ回すため、向きは変わりますが決して鏡映しにはなりません。
›なぜ反転や90°/180°回転ボタンは即座に適用されるのに、カスタム角度は「回転を適用」が必要なのですか?
90度の正確な倍数での反転や回転は、既存のピクセルを新しいグリッドに並べ替えるだけなので、プレビューする必要はなく、クリックした瞬間に結果が明確になります。カスタム角度は再サンプリングと、露出するコーナーの背景選択が必要なため、最初にライブプレビューを表示し、「適用」をクリックしたときにのみ画像に確定させることで、確定前に角度と背景を微調整できるようにしています。
›カスタム角度で回転すると、なぜキャンバスが大きくなるのですか?
長方形を90度の倍数以外で回転させると、元のバウンディングボックスからはみ出します。傾いた額縁がより広い壁のスペースを必要とするのと同じです。キャンバスは回転した画像にぴったり合うように大きくなるため、一部が切り取られることはなく、回転によって空いたコーナーは選択した背景色で塗りつぶされるか、透明のままになります。
›カスタム角度回転には、透明な背景と単色の背景のどちらを選ぶべきですか?
回転した画像をデザインレイアウトや別の写真など他の何かの上に配置する場合は、透明が最適です。これらのコーナーを透けたままにするPNGとしてダウンロードされるためです。画像が単独で成立する必要がある場合、例えば色付きカードを埋めたりページの背景に合わせたりする場合は、単色が理にかなっています。
›写真はどこかにアップロードされますか？
いいえ。すべての反転と回転は、HTML canvas APIを使用してブラウザ内でローカルに行われます。サーバーには何も送信されません。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!