Rotate Images Online

How Image Rotation Works

Rotating an image means turning every pixel around a fixed center point by a chosen angle, measured in degrees. The Rotation Angle control here accepts any value, not just the 90-degree steps you get from a simple "rotate left/right" button — you can enter something like 3.5 degrees or -12 degrees to nudge a photo into alignment instead of only spinning it in quarter turns. The angle you enter is measured clockwise from the image's current orientation, so a positive number rotates clockwise and a negative number rotates counterclockwise. Because decimal values are accepted, you have enough precision to correct a photo by something as small as half a degree, which is usually all a handheld shot needs to look level. What happens to the canvas depends on the angle. When you rotate by an exact multiple of 90 degrees (90, 180, 270), the image's four corners land exactly where a straight rectangle's corners would be — width and height simply swap for 90 and 270, or stay the same for 180 — so no extra space appears and nothing needs to be filled. Any other angle changes this. Rotate a rectangular photo by 12 degrees and its four corners now point outward past where a straight rectangle would sit. To keep the whole rotated image visible, the canvas has to grow into a new bounding box wide and tall enough to contain every corner. This is calculated automatically from the original width, height, and angle (roughly newWidth = width·|cos θ| + height·|sin θ|, and newHeight = width·|sin θ| + height·|cos θ|). That expanded canvas is bigger than the rotated photo itself, which leaves four triangular gaps at the corners where there's no original pixel data. Those gaps get filled automatically. With a PNG or another format that supports transparency, the gaps stay transparent, so the rotated photo sits on a see-through background — useful if you're placing it into another design afterward. With a JPG, which has no alpha channel, those corners get filled with a solid background instead, since JPG has no way to represent "no pixel there." This is a different operation from cropping or flipping. Rotation only changes orientation around a center point — it doesn't mirror content and it doesn't trim anything. Whatever rotates within the new expanded canvas stays intact at any angle you choose.