Flip horizontal and Vertical

You need a mirror of a product shot without reopening a desktop suite, or a skyline reflected top-down for a layout test. Drop one raster file, tap an axis on the dock, watch the large canvas update, then grab PNG. The reference tile stays fixed so you always see the untouched bitmap beside the mirrored render. When trimming matters more than mirroring, follow with crop so margins match the new composition.

StatusWaiting for a file.

Ingest

Tap, drop, or press Enter

Raster formats decode in your tab. Oversized billboards may stutter on older phones before the first draw finishes.

Reference

Output

How the canvas mirrors each row

The tool decodes your file into an HTMLImageElement, paints the untouched bitmap into the reference canvas once, then redraws the output canvas whenever an axis flag changes.

A horizontal flip reverses every row left-for-right. A vertical flip reverses column order top-for-bottom. Combining both equals a 180-degree rotation only when width and height match expectations for your layout, yet the math here is pure mirroring, not angular rotation. Designers who need exact degree control should open rotate after mirroring so the pipeline stays honest.

We scale display size with CSS while keeping the backing store at native resolution up to the clamp shown in the workspace. That keeps edges crisp for PNG export without forcing you to pre-size in another app first.

Horizontal versus vertical: quick map

Use the table when teammates disagree about vocabulary. The words sound interchangeable until you place type or logos near edges.

Axis	What moves	Typical fix
Horizontal	Left and right swap; text reads backward until you redesign the plate.	Front-facing product labels, stage symmetry, mirrored UI mockups.
Vertical	Top and bottom swap; gravity cues invert.	Reflection studies, flipped typography tests, correcting upside-down scans.

Mirror: Colloquial label for one-axis reversal. Same operation as flip along a single midline.
Reset axes: Returns both flags to neutral and redraws output to match the reference canvas pixel-for-pixel.
PNG export: Lossless for RGBA channels already in memory. Does not embed camera metadata from the original shot.

Three jobs people bring here

Retail pack shots. Marketing sends a JPG where the label faces the wrong way for a carousel slot. One horizontal toggle, download, upload to the CMS, done in under a minute.
UI audits. A designer mirrors a modal screenshot to check padding balance without touching Figma exports again.
Photo repair. A scan arrives upside-down from a feeder. Vertical flip previews the fix before anyone commits to a heavier editor.

Color workflows that need inversion rather than geometry belong in color inversion, where tonal curves differ from axis swaps.

Odd facts about symmetry online

Social platforms sometimes re-apply their own orientation heuristics after you upload. A mirrored PNG you verified locally may still render with an extra rotation inside a native app. Always spot-check inside the final channel.

Animated GIFs decode to the first frame here. For frame-by-frame edits, split first, then reassemble elsewhere.

SVG uploads are not guaranteed across browsers when treated as raster sources. Convert to PNG first for predictable mirrors.

When the mirror misleads reviewers

Flipping fixes geometry, not lighting. A product lit from camera-left still looks lit from camera-left after a horizontal mirror, which now appears on the wrong side of the frame for strict brand guides. Re-light or choose another plate when shadow direction is part of compliance.

Logos supplied as flattened JPGs pick up compression blocks along curved edges. Mirroring does not remove those blocks; sometimes the artifact pattern becomes more obvious because symmetry highlights repetition. Request vector or high-bit-depth sources when legal insists on crisp marks.

Portraits carry ethical weight. Mirroring a face changes micro-asymmetry viewers read subconsciously. Use the preview to study composition, then obtain consent before publishing altered likenesses in editorial contexts.

Other ways to mirror a frame

Desktop editors bundle flip under transform menus. Those suites win when you also need lens correction or batch actions across hundreds of files. This page wins when you want a disposable check on a laptop without install rights.

CSS scaleX(-1) mirrors on the web for live components, yet exported assets for email or print still need a flattened bitmap. Use this tool when the deliverable must be a file, not a stylesheet trick.

We recommend resizing only after you settle on composition so you avoid double interpolation. When pixels must shrink, run resizer on the flipped PNG rather than scaling twice inside different tools.

Last reviewed March 2026. Behavior matches client-side canvas APIs in Chromium, Firefox, and Safari current stable channels.

Flip questions we hear in support

Short answers grounded in how browsers decode and redraw bitmaps.

Does the download keep camera orientation metadata?

No. Canvas export produces a fresh PNG without EXIF. If you rely on orientation tags downstream, reattach metadata in your DAM or editor after download.

Why does a horizontal flip make text look backward?

Mirroring reverses glyph order. That is the correct geometric result. Replace artwork with a properly typeset layer if readers must see normal spelling.

Will HEIC or RAW files work?

Only if the browser decodes them into a bitmap the file input exposes as image/* . Safari often handles HEIC; others may fail. Convert to PNG or JPEG first when decode errors appear.

Is the first flip lossless?

For a single PNG export from an uncompressed source, visible loss should be absent. Repeated save cycles through lossy hosts are where quality slips.

Can I process a whole folder?

This interface handles one image at a time. Batch workflows belong in desktop automation or a dedicated media pipeline.