FormatterHQ

Rotate Image

Turn a sideways photo upright with one click, or straighten a tilted horizon by any angle. The canvas grows so nothing is cut off, and corners can be transparent or coloured.

Loading tool…
Ready.

How to use the Rotate Image

  1. Drop an image onto the page, click to choose a file, or paste a screenshot with Ctrl/⌘+V.
  2. Click ↺ 90°, ↻ 90° or 180°, and use the Straighten / free angle slider for small corrections; choose transparent or coloured corners.
  3. Pick the output format under Save as (PNG, JPG or WEBP) and, for JPG/WEBP, the Quality.
  4. Click Download to save the rotated image.

Rotate images by 90° steps or any angle

Photos taken with a phone held sideways, scanned documents fed in the wrong way, or a horizon that is a few degrees off — rotating fixes them all. This rotate image tool combines quick 90° and 180° turns with a fine slider from −180° to 180° in half-degree steps, and shows the result live.

How free rotation works

When you rotate by an angle that is not a multiple of 90°, the corners of the image would stick out of the original rectangle. Instead of cutting them off, the tool enlarges the canvas to fit the rotated image completely. The new empty corners are transparent when you save as PNG or WEBP, or filled with the colour you choose — handy for white paper scans. JPG does not support transparency, so JPG output always uses the background colour.

If you want a straight rectangle without corners after straightening, rotate first and then use the image cropper to trim the edges.

Lossless 90° rotation?

Rotating in the browser re-encodes the image. Saving as PNG keeps every pixel exactly; for JPG photos choose a high quality (90% or more) to avoid visible loss. The output dimensions are shown under the controls — a 90° turn swaps width and height.

Why photos appear sideways

Cameras often store images in sensor orientation and add an EXIF "Orientation" flag telling viewers how to display them. Some programs ignore the flag, so the photo appears rotated. Modern browsers apply the flag when decoding, which means the preview here shows the photo as your phone does; rotating and saving writes the pixels in the correct orientation without depending on metadata. To mirror an image rather than rotate it, use flip image.

Straightening tips

To level a horizon, move the free-angle slider in small steps and watch a straight edge in the picture, such as a building or the sea line. Corrections are usually between −5° and 5°. Larger angles create bigger empty corners, so plan to crop afterwards. Rotations are always applied to the original image rather than to a previous result, so you can adjust back and forth without accumulating quality loss.

Privacy

Everything happens locally in your browser with JavaScript and the Canvas API. Your images are never uploaded to our servers, so the tool also works with confidential screenshots and personal photos.

Frequently asked questions

Will rotating reduce the quality of my photo?
The image is re-encoded when saved. PNG is lossless; for JPG and WEBP use a quality of 90% or higher to keep changes invisible.
Why is my rotated image larger than the original?
For angles that are not multiples of 90°, the canvas grows so the whole rotated picture fits. Crop afterwards if you want to remove the corners.
Can I rotate by a precise angle like 2.5 degrees?
Yes. The free-angle slider moves in 0.5° steps between −180° and 180°.
How do I keep the corners transparent?
Choose Transparent for the corners and save as PNG or WEBP. JPG cannot store transparency and uses the background colour.

Last updated September 26, 2026

Related tools

Base64 to Image Preview and download images from Base64 strings or data URIs. Detects PNG, JPEG, GIF, WebP, BMP, ICO and SVG. Flip Image (Mirror) Flip an image horizontally or vertically — mirror selfies, reverse text in photos or turn images upside-down — in your browser. Image Average Color Finder Find the average and dominant colour of an image — useful for placeholders, card backgrounds and theme colours. Runs in your browser. Image Color Palette Extractor Extract the dominant colours of any photo or screenshot as a palette with percentages, then copy HEX codes or export CSS variables. Image Color Picker Pick exact pixel colours from an uploaded image with a zoom loupe. Get HEX, RGB and HSL values and keep a list of picked colours. Image Compressor Compress JPG, PNG and WEBP images in your browser with a quality slider, before/after comparison, resizing and batch ZIP download. SVG Optimizer (SVGO) Optimize and minify SVG files with SVGO in your browser: remove metadata, comments and editor cruft, round numbers and shorten paths. SVG to CSS Data URI Encode SVG as an optimized URL-encoded data URI for CSS background-image or mask, with a Base64 version for comparison. SVG to JPG Converter Convert SVG graphics to JPG images with a chosen background colour, scale and quality — directly in your browser. SVG to JSX / React Component Turn SVG markup into a React component: camelCase attributes, className, style objects and {...props}, with optional TypeScript. SVG to PNG Converter Convert SVG to PNG at any size or scale (2×, 4×…) with a transparent or solid background. Paste code or upload an .svg file. SVG to React Native Convert SVG files into react-native-svg components (Svg, Path, G, Circle…) ready to paste into your React Native app.