Rotate Image Tutorial

The **Rotate Image** tool allows you to quickly correct the orientation of your photos. Whether you need a simple 90-degree turn or a precise angle adjustment, this tool handles it all client-side using the HTML5 Canvas API, ensuring your privacy.

1. Upload Your Image

Begin by loading the image you wish to rotate. The tool supports standard formats like JPG, PNG, and WebP.

Upload Options:

  • Select Image: Click the blue "Select Image" button to browse your device.
  • Drag & Drop: Drag your file directly into the dashed upload area. The box will highlight to indicate it's ready.

Once uploaded, the "Preview" area will instantly display your image on the canvas.

2. Choose Your Rotation Angle

This tool offers two distinct ways to rotate your image, giving you full control over the final result.

Method A: Quick 90° Turns

  • Use the **"Rotate Left"** button () to turn the image -90 degrees counter-clockwise.
  • Use the **"Rotate Right"** button () to turn the image +90 degrees clockwise.

Method B: Free Rotation (Slider)

  • For precise adjustments (e.g., straightening a scanned document), use the **Rotate Angle Slider**.
  • Drag the slider from **0° to 360°**. The current angle is displayed numerically next to the slider.

Technical Note: The tool automatically recalculates the canvas dimensions (bounding box) so that no part of your image is cut off, even when rotated at diagonal angles.

3. Download the Result

Once you are happy with the orientation, you can save the file.

Saving Your File:

  • Click the **"Download PNG"** button that appears after you upload an image.
  • The image is saved as a **PNG** file. This is crucial because if you rotate an image by 45 degrees, the empty corners will be transparent rather than filled with black or white.
  • To start over, simply click the **"Reset"** button.