PNG Rotator

When you'll want to rotate a PNG

Rotation comes up more often than people expect. A photo taken with a phone held sideways often imports rotated 90° because the EXIF orientation flag was stripped during processing. A scanned document arrives upside-down. A product shot needs the label aligned vertically for a packaging mock-up. A piece of pixel art needs to face the other direction. Each of those is a one-click fix with the right tool — and this is the right tool.

This rotator gives you two modes. The three "quick rotate" buttons handle the common 90°, 180° and 270° cases — these are pixel-perfect, meaning the output image contains exactly the same pixels as the source, just rearranged. There's no resampling, no smoothing, no loss of detail. The custom-angle slider handles everything in between (15°, 45°, -7°, etc.); these rotations have to interpolate between pixel positions, so you'll see a small amount of smoothing along edges, but the result is still high quality.

How rotation works under the hood

For 90° and 270° rotations, the output canvas swaps width and height — a 1920×1080 photo becomes 1080×1920. The rotator simply applies a 2D transformation matrix to the canvas context (translation + rotation) and draws the source image onto it. For 180° both dimensions stay the same. For arbitrary angles, the output canvas is sized to fit the rotated image's bounding box (which is always larger than the source for angles that aren't multiples of 90°), and the empty corners are filled with either transparency or your chosen background colour.

That last detail surprises people the first time they see it. Rotate a 1000×1000 square by 45° and the output canvas has to be roughly 1414×1414 — large enough that the diagonal of the rotated square fits inside. Four triangular corner regions are now "outside" the original image; we fill them transparent (default for PNG) or with a solid colour you pick.

90° rotations vs. arbitrary angles

Aspect	90° / 180° / 270°	Custom angle
Quality	Pixel-perfect, lossless	Slightly softened by interpolation
Output dimensions	Same pixels, swapped	Larger to fit the rotation
Empty corners	None	Yes — need transparent or fill colour
File size	Same as original	Larger (more pixels)
Best for	Phone photos, scans, sideways uploads	Tilted compositions, deliberate angles

Practical scenarios

• Phone photo imported sideways — pick the 90° button that puts it the right way up. The pixel count stays identical to the original.
• Scanned document upside-down — 180° button.
• Subject is slightly tilted in a portrait — use the custom-angle slider with values between ±5° to straighten the horizon or vertical lines. Combine with the PNG Cropper afterwards to cut off the transparent corners.
• Creating tilted product mock-ups — rotate to 15° or 30°, leave the background transparent, and drop the result onto your design.
• Mirror-rotating pixel art for a sprite sheet — combine 90° rotation with the PNG Flipper for all 8 cardinal orientations.

Tips and best practice

• For straightening photos with a near-horizontal horizon, look at a vertical line in the image (a doorframe, a building edge) and adjust the slider until that line is vertical. Then crop the transparent corners.
• If you need to do several 90° rotations in sequence (e.g. 90° then 90° again = 180°), use the 180° button instead — the result is identical and there's no compounding interpolation loss.
• For arbitrary angles, the slightly soft edges are usually invisible at normal viewing size. They become visible only when zoomed in past 100%.
• Animated PNG isn't supported — only the first frame rotates. For animation, use a dedicated APNG tool.

FAQs

Related tools