Image Flip & Rotate Tool
Flip images horizontally or vertically and rotate by any angle instantly in your browser.
Updated
What is the Image Flip & Rotate Tool?
Flip and rotate images in seconds without uploading them anywhere. Image Flip & Rotate runs 100% in your browser using the Canvas API, so your photos stay private, fast, and full quality.
Whether you need to fix a sideways photo, mirror a selfie, straighten a horizon, or create a flipped variation for design, this tool gives you pixel-perfect control.
What you can do:
- Rotate exactly: -90°, +90°, 180° buttons, plus custom angle from -180° to 180° with 1° slider and text input for 0.1° precision
- Flip instantly: Horizontal flip (mirror left-right) and vertical flip (mirror top-bottom), combinable with rotation
- Control the canvas: Expand to fit the entire rotated image, keep original dimensions, or crop to center
- Keep transparency: Export as PNG or WebP with transparent corners, or set any background color for JPEG
- Stay private: No server upload, works offline, supports PNG, JPEG, WebP, GIF, AVIF, BMP up to 50 MB
Perfect for photographers fixing orientation, sellers correcting product shots, designers creating mirrored assets, and anyone who needs a quick straighten without Photoshop. Paste from clipboard with Ctrl+V, drag and drop, and download with a smart filename that records your transform.
How it works
This tool works by processing your input and returning a result instantly.
Steps
- Enter your input
- Configure options (if any)
- Click "Run"
- Copy the result
Behind the scenes
The tool uses a simple algorithm:
result = input -> processed -> output
rad = rotation _ PI / 180 newWidth = |w _ cos(rad)| + |h _ sin(rad)| newHeight = |w _ sin(rad)| + |h * cos(rad)|
Results are ceil()'d to avoid sub-pixel clipping. For Keep original or Crop center, canvas size stays equal to the source image.
4. Draw on canvas
Drawing order for every frame:
- Set canvas
widthandheight - Fill background if opaque mode or export format does not support alpha
translate(center) -> rotate(angle) -> scale(flipH ? -1 : 1, flipV ? -1 : 1)drawImage()centered at origin withimageSmoothingQuality = high- For transparent mode, corners show as a checkerboard preview but export as true alpha
5. Export
- Format: Original, PNG, JPEG, WebP. MIME is resolved by
getOutputMime() - Quality: JPEG and WebP use
canvas.toBlob(mime, quality/100). PNG ignores quality because it is lossless - Filename: Generated as
originalname-flipped-h-rot90.jpgwith sanitization - Download / Copy:
toBlob()creates an object URL for download, or aClipboardItemfor direct image copy with data URL fallback
Examples
Fix Mirrored Selfie
Selfie text appears backwards, flip it horizontally to make it readable.
Rotate Portrait to Landscape
Camera saved photo sideways, rotate 90 degrees clockwise.
Straighten Crooked Horizon
Straighten a slightly tilted landscape photo without cropping.
Create Vertical Mirror Effect
Flip image vertically for creative reflection effect.
Frequently asked questions
What is the difference between flip and rotate?
What is the difference between flip and rotate?
Flip mirrors the image. Horizontal flip reverses left and right, like looking in a mirror. Vertical flip reverses top and bottom. Rotate turns the image around its center point. You can combine both, flips are applied first, then rotation, so the result matches what you see in Photoshop.
Does rotating reduce image quality?
Does rotating reduce image quality?
No, the preview and export use the original decoded pixels. Rotation uses high-quality bilinear filtering via canvas. If you export as PNG, it is lossless. If you export as JPEG or WebP, quality depends on the quality slider you set. Re-exporting the same JPEG multiple times can degrade quality, so keep a PNG master if you plan to edit again.
How do you keep corners transparent when rotating?
How do you keep corners transparent when rotating?
Enable Transparent background and choose PNG or WebP as export format. When you rotate by an angle that is not a multiple of 90°, the canvas needs to grow and leaves empty corners. In transparent mode those corners are alpha. If you export as JPEG, transparency is not supported and the tool will fill corners with your chosen background color.
What file types and sizes are supported?
What file types and sizes are supported?
Input supports PNG, JPEG, JPG, WebP, GIF (first frame), AVIF, and BMP up to 50 MB. Output can be PNG, JPEG, or WebP regardless of input. Original keeps the source MIME when possible. Very large images above 8000px may be slower because the browser must allocate a larger canvas for the expanded bounding box.
Will my EXIF orientation be preserved?
Will my EXIF orientation be preserved?
No, EXIF orientation tags are not preserved on purpose. The tool bakes the visual orientation into actual pixels, so the exported image displays correctly everywhere without relying on EXIF. If your camera wrote a rotated photo with an orientation flag, loading it will show it as decoded by the browser, and your rotation will be applied on top of that visual result.
What is the difference between Expand to fit and Keep original size?
What is the difference between Expand to fit and Keep original size?
Expand to fit grows the canvas to contain the full rotated image using the bounding box formula, so nothing is clipped. Keep original size maintains the source width and height, so corners of a rotated image may be cut off. Crop center is similar to Keep but guarantees center alignment, useful when you want a consistent size for a batch.
Can I use this on mobile?
Can I use this on mobile?
Yes. The tool is fully client-side and touch-friendly. You can pick an image from your camera roll, use the -90° / +90° / 180° buttons, drag the angle slider, and download. Copy image may fall back to downloading on iOS Safari because programmatic image clipboard access is restricted.
Is flipping both axes the same as rotating 180°?
Is flipping both axes the same as rotating 180°?
Visually, flipping horizontally and vertically at the same time produces the same result as rotating 180° for most photos, but they are technically different operations. Flip both mirrors on two axes, while rotate 180° turns the image. If your image has no transparency or text, they look identical. The tool treats them as separate transforms so your filename and history remain accurate.
Related tools
More utilities you might find handy.
Avatar Generator - Placeholder & Initials Avatar Maker
Generate beautiful placeholder avatars with initials, gradients, pixel, identicon and geometric styles in seconds
Color Picker From Image
Extract HEX, RGB, and HSL color codes from any image with pixel-perfect precision.
EXIF Viewer Online
View EXIF data from any photo instantly in your browser — see camera model, shutter speed, aperture, ISO, GPS location, and date taken. 100% private, no upload.