Image Rotate & Flip

Rotate by 90° steps or any angle, flip horizontally or vertically.

Click to select, or drag & drop an image here JPG, PNG, WebP and GIF up to 30MB

Your image is processed locally with Canvas in the browser: it is never uploaded to any server.

How to use

  1. Click the drop area or drag an image in: JPG, PNG, WebP and GIF are supported.
  2. Use the quick buttons for 90° left / 90° right / 180° rotations, or one-click horizontal and vertical flips.
  3. For fine control, drag the "Any angle" slider (0–360°); the preview updates live and the canvas adapts to the rotated bounding box.
  4. Pick an output format: PNG keeps transparent backgrounds, while JPG fills transparent areas with white.
  5. Click "Download image" to save the result to your device.

FAQ

Will my image get cropped after rotating 45° or similar angles?
No. The canvas is resized to the rotated bounding box (width = |w·cosθ| + |h·sinθ|, same for height), so the whole image stays visible: the corners are simply filled with transparency or white.
What color are transparent areas when exporting JPG?
JPG has no alpha channel, so this tool fills transparent areas with white. To keep transparency (for example with a transparent logo), export as PNG instead.
Do multiple "Rotate 90°" clicks stack?
Yes. Quick rotations add to the current angle and wrap into the 0–360° range. You can always press "Reset angle" to go back to 0° and clear both flips.
Is my image uploaded? Does quality suffer?
Nothing is uploaded: everything happens locally in Canvas. PNG output is saved losslessly; arbitrary angles resample the pixels, and JPG adds compression, so choose the format based on your use case.

How to use

  1. Load the image

    Click the dashed area or drag in a JPG, PNG, WebP or GIF file up to 30MB. Original and result previews appear side by side after loading.

  2. Use the quick buttons

    The quick-action row offers rotate 90° left, rotate 90° right, rotate 180°, flip horizontal and flip vertical. Repeated clicks accumulate the current angle.

  3. Fine-tune any angle

    Drag the any-angle slider from 0 to 360 degrees with a live preview. Non-right angles enlarge the canvas to the rotated bounding box, so nothing gets cropped.

  4. Pick the output format

    In the output-format dropdown, PNG keeps transparency while JPG fills the newly transparent corners with white. Choose PNG for logos and cut-out graphics.

  5. Download or start over

    Press download image to save the result. Use reset angle to return to 0° and clear flips, or click Clear to load a different picture.

About this tool

Rotation comes in two kinds. 90-degree steps merely transpose the pixel grid and are lossless. Arbitrary angles require resampling and add slight interpolation blur, so dial in the exact value once. Horizontal flipping produces a mirror image, handy for fixing composition direction. At non-right angles the canvas grows to the rotated bounding box, so the full frame stays visible. The freed corners fill with transparency or white.

The most common job is straightening orientation: phone photos saved sideways, scans rotated 90 degrees, screenshots needing correction. Flips serve mirrored layouts, turning a subject toward the page center, or building symmetric assets. Choose PNG output and a transparent logo stays transparent after rotating, ready for direct use on web pages and documents. Everything runs locally in Canvas; GIF input works but exports as a static frame.

How it works

Right-angle rotation is a pure transpose of the pixel grid: every pixel moves to a fixed new address with no interpolation. Quality is therefore strictly preserved. Arbitrary angles require inverse-mapping each destination pixel back to a source coordinate that usually falls between pixels, which forces weighted averaging. That averaging is the mathematical source of the slight softness. The bounding-box growth even follows a formula: width becomes W·|cosθ|+H·|sinθ| with the height terms swapped. The further the angle sits from a right angle, the more the canvas inflates.

Flipping is not rotating. A mirror changes chirality, so text, logos and facial features all swap sides afterward. Check that nothing in the frame is un-flippable before building symmetric layouts or turning a subject inward. Straightening a scan that sits one to three degrees off level is the most common arbitrary-angle job. The rotation opens triangular transparent wedges in the corners, and a follow-up crop trims them away into a clean, ready-to-publish result.

When to use it

  1. Straightening a tilted scan

    Scanned or rephotographed documents often lean one to three degrees. Drag the slider until the lines sit level, then crop away the corner wedges. The archived file looks as if the original was never crooked, and nobody tilts their head to read it.

  2. Turning the subject inward

    A composition where the subject gazes or walks off the edge feels wrong in posters and layouts. One horizontal flip turns the gaze back into the frame. Skip the flip when text or trademarks are present, because they would read backwards.

  3. Fixing tickets and QR codes

    An expense scan saved sideways leaves the QR code and invoice number unreadable to filing systems. The 90-degree button squares it up in one click, sparing you the finance department's return-to-sender loop and a second scanning session.

Tips & tricks

  • PNG output saves losslessly. JPG adds compression on top of resampling at arbitrary angles, costing a little quality.
  • For sideways phone photos use the 90-degree quick buttons. They are faster and more accurate than dragging the slider.
  • If stacked rotations get confusing, press reset angle once to return to 0° and clear both flips.

Things to watch

  • Arbitrary angles always resample

    Non-right rotations re-sample the image, and even PNG output cannot dodge the interpolation softness. That softness merely avoids stacking compression loss on top. Prefer the 90-degree buttons whenever the material allows a right angle, and keep sharpness where it counts.

  • Transparent wedges after rotation

    At any non-right angle the canvas grows to the bounding box. Translucent or white wedges remain in the corners and look broken once published. Make a trimming crop a standing follow-up step for every free-angle rotation.

  • Portrait photos can come out sideways

    Orientation lives in the EXIF flag, which the Canvas re-encode drops. A few environments draw the raw pixels without honoring the flag. If the result lies on its side, rotate the original upright first and run the operation again.

Related Tools