# Rotate Image Online

Drop your image(s) here

## How to use this tool to Rotate Image 🤔

- Click 👆 on the button and choose input image files, or you may drag and drop the image files to the Drop area. You may choose one image 🌁 or multiple images 🌃 🌄 🎇. The chosen images are displayed with size information in the input section.
- You may change the conversion parameters like quality 🎛, background color, etc., using the sliders, or color input buttons.
- Now you can click on the
**Rotate Image**operation. This all happens in a lightening speed ⚡. button. This is where the ⛄ magic happens. Your images are sent ➚ to the server for the specified - Once the input images are transformed ✅, they appear in the download section.
- You may click 👆 on the big button to download ↓ all your transformed images.
- There is also a link 🔗 which you can and share it using which you can download the resulting images.

**Disclaimer:**Please be aware that due to limited server storage, converted images will be automatically purged over time for optimal server performance.

## Rotate Image Effect

Rotating an image involves transforming the position of its pixels around a central point. The rotation effect can be applied by various angles, such as 90, 180, 270 degrees, or any arbitrary angle. Understanding how pixels are affected during these transformations is essential for implementing the rotation effect.

### 90-Degree Rotation

When rotating an image by 90 degrees clockwise, each pixel in the image is moved to a new position where its coordinates are swapped and adjusted for the new dimensions.

For an image of width \( w \) and height \( h \), the pixel at position \( (x, y) \) will be moved to \( (y, w - 1 - x) \).

Example:

Original position: \( (x, y) \)

New position: \( (y, w - 1 - x) \)

### 180-Degree Rotation

When rotating an image by 180 degrees, each pixel in the image is moved to a new position where both its horizontal and vertical coordinates are flipped.

For an image of width \( w \) and height \( h \), the pixel at position \( (x, y) \) will be moved to \( (w - 1 - x, h - 1 - y) \).

Example:

Original position: \( (x, y) \)

New position: \( (w - 1 - x, h - 1 - y) \)

### 270-Degree Rotation

When rotating an image by 270 degrees clockwise (or 90 degrees counterclockwise), each pixel in the image is moved to a new position where its coordinates are swapped and adjusted for the new dimensions.

For an image of width \( w \) and height \( h \), the pixel at position \( (x, y) \) will be moved to \( (h - 1 - y, x) \).

Example:

Original position: \( (x, y) \)

New position: \( (h - 1 - y, x) \)

### Arbitrary Angle Rotation

For rotating an image by an arbitrary angle \( \theta \), the position of each pixel is transformed using rotation matrices. The new coordinates \( (x', y') \) for a pixel at \( (x, y) \) are computed as:

\( x' = x \cos(\theta) - y \sin(\theta) \)

\( y' = x \sin(\theta) + y \cos(\theta) \)

These transformations ensure that the image is accurately rotated by repositioning each pixel to its correct location based on the specified angle.