画像を回転
写真を任意の角度に回転し、ズームや余白を追加、必要に応じてキャンバスを拡大できます — すべてブラウザ内で処理されます。
入力
Drop an image or browse
One file · image
ブラウザ内で完全に処理されます — 画像はサーバーにアップロードされることはありません。
画像を回転すると、回転後の画像全体が見えるようにキャンバスが拡大されます。
画像の周囲の領域です。背景を拡大しているときのみ適用されます。
出力
結果
Your edited image will appear here.
SVGソース
役に立ちましたか？
このツールを使う他の方法
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/imagekit/rotate-image/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="画像を回転 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
次の方法でも利用可能
ガイド
傾いた写真をまっすぐにしたり、好きな角度に回転させたりできます。画像を回転ツールは任意の角度で画像を回転し、拡大縮小や余白の追加ができ、必要に応じてキャンバスを自動で拡大して四隅が切り取られないようにできます。
仕組み
画像をアップロードし、コントロールを調整します:
- 角度 (度) — 画像を回転させる角度です。-180° から 180° まで指定できます。正の値は時計回りに回転します。
- ズーム (%) — 回転させた画像を拡大または縮小します (50% から 500%)。回転の中心と同じ点を基準にします。
- 背景サイズを拡大 — オンにすると、回転後の画像全体が収まるようにキャンバスが自動的に拡大され、四隅が切り取られなくなります。オフにすると、キャンバスは元の画像サイズのままになり、端からはみ出した部分は切り取られます。
- 余白 (px) — 回転させた画像の周囲に追加される余白です。「背景サイズを拡大」がオンのときだけ効果があります。
- 背景の種類 — 拡大された領域を透明のままにするか、単色のカラーで塗りつぶすかを選びます。
- 背景色 — 背景の種類が「カラー」のときに使われる塗りつぶしの色です。
結果はコントロールを動かすとすぐに表示されます。SVGファイルとしてダウンロードするか、ソースのマークアップを直接コピーできます。
ヒント
- 90° の倍数以外の角度で回転させる場合は、「背景サイズを拡大」をオンにしてください。オフにすると、元のキャンバスの境界で画像の角が切り取られます。
- 透明な背景にすると拡大された角が透けたままになります。SVG (または再書き出しした PNG) を別の背景の上に配置する場合はたいていこれが望ましいです。不透明な結果が必要な場合は単色に切り替えてください。
- 余白は「背景サイズを拡大」がオンのときにだけ意味を持ちます。回転そのものに必要なスペースに加えて、回転させた画像の周囲に一定幅の余白を追加します。
- ダウンロードしたSVGは、元の画像をベクターのラッパーで包んだものなので、どのサイズでも鮮明です。ラスターのエクスポートのように拡大しても画質が落ちることはありません。
imagerotatephoto effectzoomcanvas