Image Rotate
Rotate image 90, 180, 270 degrees or any custom angle. Flip horizontal or vertical.
Why rotate images?
Image rotation fixes orientation issues common with photos taken by smartphone cameras, scanned documents captured at the wrong angle, screenshots from rotated displays, or any image that simply needs to face differently. Unlike PDF rotation (which adds a ‘rotate flag’ to instruct viewers), image rotation actually transforms the pixels – the image is permanently rotated in the file. This tool supports 90°, 180°, 270° rotation plus optional horizontal and vertical flip – covering all 8 possible orientations of any image. Browser-side using HTML5 Canvas, your images never leave your device.
How to use this tool
- Upload image — JPG, PNG, WebP. Click or drag-drop.
- Choose rotation angle — 0° (no rotation), 90° clockwise (for sideways-left photos), 180° (upside down), 270° (sideways-right). Cumulative – rotate 90° three times to get 270°.
- Optional: flip horizontal — Mirror left-to-right. Used for ‘selfie effect’ (most front cameras shoot mirrored), or correcting mirrored scans.
- Optional: flip vertical — Mirror top-to-bottom. Combined with rotation creates other orientations not achievable with just rotation.
- Preview and download — Result shown live. Download saves as PNG (lossless) preserving any transparency.
Rotation mechanics
Image rotation transforms pixel coordinates. For each output pixel position, the tool computes which input pixel it came from based on rotation angle and flip flags.
Canvas API approach:
- Calculate new canvas dimensions (swapped width/height for 90°/270° rotation)
- Translate canvas origin to center
- Apply rotation (canvas.rotate())
- Apply flips via scale() with -1
- Draw image centered (-width/2, -height/2)
Differences from PDF rotation:
- Image rotation: actual pixel transformation, permanent
- PDF rotation: viewer flag, content unchanged
For 90° and 270° rotations, the output dimensions swap (a 1200×800 image becomes 800×1200). For 180° and flips, dimensions stay the same.
Examples
- Phone photo captured sideways: Apply 90° clockwise to make portrait readable
- Scanned receipt held upside down: 180° rotation
- Mirror reflection (in mirror) needs correction: Flip horizontal
- Logo facing wrong way: Flip horizontal
- Building photo – sky on wrong side: 180° rotation
- Selfie that came out unflipped from camera: Flip horizontal to match natural appearance
- Architectural plan with text upside down: 180° to read normally
Tips & best practices
- Modern phones auto-rotate display based on accelerometer, but the image file may still be stored at wrong orientation – check EXIF or just rotate to fix
- Combine rotation + flip for unusual orientations not in standard 90° increments
- PNG output preserves transparency. JPG would convert transparent areas to white
- Rotating a JPEG image multiple times causes slight quality loss each time (lossy re-encoding) – rotate ONCE to final orientation
- For PDFs containing images, use PDF Rotate tool instead – rotates page in PDF without re-encoding image
- If your image looks rotated in one viewer but not another, it may use EXIF rotation metadata – use this tool to apply rotation permanently
- For partial rotation (e.g. 5°, 30°), this tool doesn’t support – use Photoshop, GIMP, or other image editors with arbitrary rotation
Limitations & notes
Rotation only in 90° increments. For arbitrary angle rotation (e.g. 15° tilt correction), use image editors with rotation tools. Browser-based processing limited by memory – very large images may slow your browser. JPEG re-encoding causes slight quality loss each rotation – rotate once to final orientation, not iteratively. Doesn’t preserve EXIF metadata in output (timestamps, location, camera settings) – use desktop tools if metadata matters.
Frequently Asked Questions
How is image rotation different from PDF rotation?
Image rotation actually transforms pixels – the file content is rotated permanently. PDF rotation adds a ‘rotation flag’ that tells viewers to display the page rotated – the underlying PDF content is unchanged. PDF rotation is non-destructive; image rotation is destructive (slight quality loss for JPEG).
Why is my phone photo sideways in some apps?
Some apps read EXIF orientation metadata and rotate; some don’t. iPhones especially are prone to this. To fix permanently, rotate the image using this tool – it bakes the rotation into pixels, so all apps display it correctly.
Can I rotate by an arbitrary angle like 15°?
Not with this tool – only 90°/180°/270°. For arbitrary angles (tilt correction), use Photoshop, GIMP, Lightroom, or other image editors with rotation tools. Arbitrary rotation requires interpolation and creates triangular black corners that need cropping.
Will image quality degrade with rotation?
For PNG: no – lossless. For JPG: very slight degradation (the file is re-encoded). For best quality, rotate ONCE to final orientation rather than iteratively. PNG output is best for archival.
What’s the difference between flip and rotate 180°?
Flip horizontal: left-right mirror (text becomes backwards). Flip vertical: top-bottom mirror (upside-down vertically). 180° rotation: combines both – text appears upside-down AND mirrored. Often combined with rotation for specific orientations.
Will transparency be preserved?
Yes for PNG output. The alpha channel is rotated along with color channels. JPG output would convert transparent areas to white.
How do I rotate just a portion of an image?
This tool rotates the entire image. For partial rotation (rotating one element within an image), use image editors with layer support (Photoshop, GIMP) – separate the element to its own layer, rotate that layer.
