PNG Flipper (Mirror)
Flip a PNG horizontally (mirror left-to-right) or vertically (upside-down). The flip is pixel-perfect β no quality loss. Transparency is preserved.
Flipping vs. rotating β they're not the same
Flipping creates a mirror image; rotating turns the image around its centre. A horizontally flipped photo of a person's face shows the face with right and left swapped β a mirror reflection. A 180Β° rotation of the same image shows the face upside-down. The two operations produce visually different results except in one special case: a horizontal flip combined with a vertical flip is mathematically identical to a 180Β° rotation, which is why we offer "Both" as a third option.
Flips are pixel-perfect: every pixel in the source ends up exactly once in the output, at a mirrored position. There's no interpolation, no smoothing, no anti-aliasing β and therefore no quality loss whatsoever. The output file is identical in size and detail to the source, just rearranged.
When you'll want to flip a PNG
- Sprite sheet generation for games β most 2D games include left- and right-facing versions of the same sprite. Designers draw one direction and flip for the other.
- Mirror-image previews β checking how a design will look reflected (handy for logos and symmetrical compositions).
- Selfie correction β many phone cameras save selfies non-mirrored, but you've been looking at yourself mirrored in the viewfinder; flipping horizontally restores the visual you expected.
- Print-on-fabric and iron-on transfers β these require horizontal flipping because the image is applied face-down and seen through the fabric.
- Reflection effects β making a "puddle reflection" of a logo or photo for a marketing graphic.
- Composition rescue β sometimes a photo composes better mirrored. Famous example: portrait photographers often flip headshots so the subject's gaze leads into white space rather than off the page edge.
- Pixel art tile sets β generating mirrored variants of a single base tile.
When NOT to flip
- Photos containing text or signage β the writing will become a mirror image and unreadable. A flipped photo of the Eiffel Tower with a "Paris" road sign will show the sign as "siraP".
- Watches, clocks, dashboards β anything where the orientation matters semantically.
- Photos with asymmetric people or objects β partings in hair, jewellery, scars, hand dominance. Flipping a portrait can make the subject look "off" to people who know them well.
- Brand logos β almost never flip a brand mark. The mirrored version isn't the brand.
- Maps and diagrams β flips break geographic and directional accuracy.
How this tool works
The browser draws your PNG onto a new canvas the same size as the original, applying a 2D transformation matrix that scales by -1 in the chosen axis. For a horizontal flip the X axis is scaled by -1 (and the canvas is translated by the full width to keep the image visible); for a vertical flip the Y axis is scaled by -1. The result is a clean, pixel-for-pixel mirror of the source. The new image is then re-encoded as PNG, preserving the alpha channel.
Flip direction at a glance
| Direction | What it does | Equivalent to |
|---|---|---|
| Horizontal | Left β Right | Mirror in a vertical line |
| Vertical | Top β Bottom | Mirror in a horizontal line |
| Both | Horizontal + vertical at once | 180Β° rotation |
Tips and best practice
- If you flip and the result looks weird, look carefully β there's almost always a piece of text, a clock face or an asymmetric detail that the flip exposed. Either crop it out before flipping, or use a different shot.
- For sprite-sheet generation, flip first, then export multiple frames β keeps the directory tidy.
- Combine with the PNG Rotator for the full set of 8 cardinal orientations needed by some game engines.
- If you need a vertical reflection effect (e.g. logo over a glassy floor), flip vertically, then reduce opacity on the flipped layer β this tool produces the flipped layer; opacity adjustment is in the Brightness tool or your image editor.
FAQs
Is flipping lossless?
Yes. Pixel positions change but pixel values do not.
Will transparency be preserved?
Yes β every pixel keeps its alpha value.
Why does the file size differ slightly?
PNG compression depends on the order pixels appear. Flipping can change how well the compressor packs the data β usually only by a few percent.
What's the difference between "Both" and using the Rotator at 180Β°?
None β they produce identical output.
Is anything uploaded?
No. The flip runs in your browser using the Canvas API.
Can I batch-flip several PNGs?
Not yet β one file at a time.
Does this work for animated PNG?
Only the first frame. Multi-frame APNG needs a different tool.