Image Rotator
Rotate and flip images. Use a slider for fine-angle rotation or quick buttons for 90°/180° steps. Flip horizontally or vertically.
Image Rotator
Rotate images by any angle and flip them horizontally or vertically — entirely in your browser with no server upload. Uses a canvas-based transform pipeline that produces pixel-perfect results.
How It Works
The tool loads your image into an ImageBitmap and re-renders it on an HTML5 canvas using ctx.rotate() and ctx.scale(). The canvas size is automatically expanded to fit the rotated image without clipping any corners.
Rotation Formula
For a rotation of angle θ, the bounding box of the rotated image is:
- Width =
|W·cos θ| + |H·sin θ| - Height =
|W·sin θ| + |H·cos θ|
This ensures the entire image is always visible regardless of the rotation angle.
Controls
Angle Slider
Drag the slider from -180° to +180° for fine-angle control. Useful for correcting a slightly tilted horizon — typically just 1–3 degrees is all that’s needed.
Step Buttons
- -90° — rotate 90° counter-clockwise (cumulative)
- +90° — rotate 90° clockwise (cumulative)
- +180° — flip 180° (cumulative)
Flip Buttons
- Flip H — mirror the image along the vertical axis (left becomes right)
- Flip V — mirror the image along the horizontal axis (top becomes bottom)
Flips are independent of rotation and are applied together in the same canvas transform.
Reset
Returns the angle to 0° and clears both flip states.
Common Use Cases
| Task | How |
|---|---|
| Fix portrait shot taken sideways | +90° or -90° |
| Correct upside-down image | +180° |
| Mirror a selfie | Flip H |
| Straighten tilted horizon | Fine-tune slider |
Output Quality
The image is re-encoded at quality 0.92 (92%) in the same format as the original. PNG images are re-encoded as PNG (lossless). Transparent areas introduced by rotation are filled with a transparent background, preserved in PNG and WebP output.
Privacy
No data leaves your browser. The transform is computed locally using the HTML5 Canvas API.
Rotacionador de Imagem
Gire imagens por qualquer ângulo e espelhe-as horizontal ou verticalmente — totalmente no seu navegador, sem upload para servidor. Usa uma pipeline de transformação baseada em canvas que produz resultados perfeitos em pixels.
Como Funciona
A ferramenta carrega sua imagem em um ImageBitmap e a renderiza novamente em um canvas HTML5 usando ctx.rotate() e ctx.scale(). O tamanho do canvas é expandido automaticamente para caber na imagem rotacionada sem cortar nenhum canto.
Fórmula de Rotação
Para uma rotação de ângulo θ, a caixa delimitadora da imagem rotacionada é:
- Largura =
|L·cos θ| + |A·sin θ| - Altura =
|L·sin θ| + |A·cos θ|
Isso garante que toda a imagem seja sempre visível independentemente do ângulo de rotação.
Controles
Controle Deslizante de Ângulo
Arraste o controle de -180° a +180° para controle fino de ângulo. Útil para corrigir um horizonte levemente inclinado — normalmente apenas 1–3 graus é suficiente.
Botões de Passo
- -90° — girar 90° no sentido anti-horário (acumulativo)
- +90° — girar 90° no sentido horário (acumulativo)
- +180° — virar 180° (acumulativo)
Botões de Espelhar
- Espelhar H — espelha a imagem ao longo do eixo vertical (esquerda vira direita)
- Espelhar V — espelha a imagem ao longo do eixo horizontal (cima vira baixo)
Os espelhamentos são independentes da rotação e são aplicados juntos na mesma transformação do canvas.
Redefinir
Retorna o ângulo para 0° e limpa ambos os estados de espelhamento.
Casos de Uso Comuns
| Tarefa | Como |
|---|---|
| Corrigir foto retrato tirada de lado | +90° ou -90° |
| Corrigir imagem de cabeça para baixo | +180° |
| Espelhar selfie | Espelhar H |
| Endireitar horizonte inclinado | Ajustar controle fino |
Qualidade de Saída
A imagem é recodificada com qualidade 0,92 (92%) no mesmo formato do original. Imagens PNG são recodificadas como PNG (sem perda). Áreas transparentes introduzidas pela rotação são preservadas na saída PNG e WebP.
Privacidade
Nenhum dado sai do seu navegador. A transformação é calculada localmente usando a API Canvas do HTML5.
Rotation d’Image
Faites pivoter vos images à n’importe quel angle et retournez-les horizontalement ou verticalement — entièrement dans votre navigateur, sans upload. Utilise le canvas HTML5 pour des résultats précis au pixel près.
Commandes
Curseur d’Angle
Faites glisser de -180° à +180° pour un réglage fin. Utile pour redresser un horizon légèrement incliné — 1 à 3 degrés suffisent souvent.
Boutons de Rotations Rapides
- -90° — rotation de 90° dans le sens antihoraire (cumulatif)
- +90° — rotation de 90° dans le sens horaire (cumulatif)
- +180° — retournement à 180° (cumulatif)
Retourner
- Retourner H — miroir horizontal (gauche devient droite)
- Retourner V — miroir vertical (haut devient bas)
Les retournements sont indépendants de la rotation et appliqués ensemble.
Réinitialiser
Remet l’angle à 0° et annule les deux retournements.
Cas d’Usage Courants
| Tâche | Comment faire |
|---|---|
| Corriger un portrait pris de côté | +90° ou -90° |
| Corriger une image à l’envers | +180° |
| Refléter un selfie | Retourner H |
| Redresser un horizon penché | Curseur fin |
Confidentialité
Aucune donnée ne quitte votre navigateur. La transformation est calculée localement.
Rotar Imagen
Rota imágenes en cualquier ángulo y voltea horizontal o verticalmente — todo en tu navegador, sin subir archivos. Usa canvas HTML5 para resultados precisos al píxel.
Controles
Control de Ángulo
Arrastra el deslizador de -180° a +180° para un ajuste fino. Útil para corregir un horizonte ligeramente inclinado — suele bastar con 1–3 grados.
Botones de Paso
- -90° — rotar 90° en sentido antihorario (acumulativo)
- +90° — rotar 90° en sentido horario (acumulativo)
- +180° — voltear 180° (acumulativo)
Voltear
- Voltear H — espejo horizontal (izquierda se convierte en derecha)
- Voltear V — espejo vertical (arriba se convierte en abajo)
Los volteos son independientes de la rotación y se aplican juntos.
Restablecer
Vuelve el ángulo a 0° y limpia ambos estados de volteo.
Casos de Uso Comunes
| Tarea | Cómo hacerlo |
|---|---|
| Corregir foto retrato tomada de lado | +90° o -90° |
| Corregir imagen al revés | +180° |
| Reflejar un selfie | Voltear H |
| Enderezar horizonte inclinado | Ajuste fino con deslizador |
Privacidad
Ningún dato sale de tu navegador. La transformación se calcula localmente.
Поворот Изображений
Поворачивайте изображения на любой угол и отражайте их по горизонтали или вертикали — прямо в браузере, без загрузки. Использует HTML5-канвас для попиксельно точных результатов.
Управление
Ползунок Угла
Перетаскивайте от -180° до +180° для точной настройки. Полезно для исправления слегка наклонённого горизонта — обычно достаточно 1–3 градусов.
Кнопки Шагов
- -90° — поворот на 90° против часовой стрелки (накопительный)
- +90° — поворот на 90° по часовой стрелке (накопительный)
- +180° — переворот на 180° (накопительный)
Отражение
- Отразить Г — зеркало по вертикали (лево становится правым)
- Отразить В — зеркало по горизонтали (верх становится низом)
Отражения не зависят от поворота и применяются вместе.
Сброс
Возвращает угол к 0° и очищает оба состояния отражения.
Частые Случаи Использования
| Задача | Как сделать |
|---|---|
| Исправить портрет, снятый боком | +90° или -90° |
| Исправить перевёрнутое изображение | +180° |
| Отразить селфи | Отразить Г |
| Выровнять наклонный горизонт | Тонкая настройка ползунком |
Конфиденциальность
Данные не покидают ваш браузер. Преобразование вычисляется локально.
图片旋转工具
将图片旋转任意角度并水平或垂直翻转 — 全部在浏览器中完成，无需上传。基于 Canvas 变换管线，提供像素级精确结果。
控制说明
角度滑块
从 -180° 拖到 +180° 进行精细角度控制。用于修正略微倾斜的地平线 — 通常只需 1-3 度。
步进按钮
- -90° — 逆时针旋转 90°（累加）
- +90° — 顺时针旋转 90°（累加）
- +180° — 旋转 180°（累加）
翻转按钮
- 水平翻转 — 沿垂直轴镜像（左右互换）
- 垂直翻转 — 沿水平轴镜像（上下互换）
翻转与旋转独立，在同一 Canvas 变换中一起应用。
重置
将角度恢复为 0° 并清除两个翻转状态。
常见用途
| 任务 | 操作 |
|---|---|
| 修正横拍的竖照 | +90° 或 -90° |
| 修正倒置图片 | +180° |
| 镜像自拍 | 水平翻转 |
| 校正倾斜地平线 | 微调滑块 |
隐私
数据不会离开浏览器。所有变换均在本地计算。
画像回転ツール
ブラウザで直接画像を任意の角度で回転・水平・垂直反転 — アップロード不要。Canvasベースの変換パイプラインでピクセル単位の正確な結果を生成します。
操作方法
角度スライダー
-180°から+180°までスライダーをドラッグして微調整。僅かに傾いた水平線の修正に便利 — 通常1〜3度で十分です。
ステップボタン
- -90° — 反時計回りに90°回転（累積）
- +90° — 時計回りに90°回転（累積）
- +180° — 180°反転（累積）
反転ボタン
- 左右反転 — 垂直軸でミラー（左右が入れ替わる）
- 上下反転 — 水平軸でミラー（上下が入れ替わる）
反転は回転とは独立し、同じCanvas変換で一緒に適用されます。
リセット
角度を0°に戻し、両方の反転状態をクリアします。
よくある使い方
| タスク | 操作 |
|---|---|
| 横撮りの縦写真を修正 | +90° または -90° |
| 逆さまの画像を修正 | +180° |
| セルフィーをミラー | 左右反転 |
| 傾いた水平線を修正 | スライダーで微調整 |
プライバシー
データはブラウザから一切送信されません。変換はローカルで計算されます。