> ## Documentation Index
> Fetch the complete documentation index at: https://autorender.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Flip

> Mirror images horizontally, vertically, or both using the flip_ parameter.

Mirror an image with the `flip_` parameter: `flip_h` flips it left-to-right, `flip_v` flips it top-to-bottom, and `flip_hv` flips both axes at once.

<Info>
  Flipping mirrors the pixels without rotating them. `flip_hv` mirrors on both axes, which produces the same result as a **180°** rotation.
</Info>

## How does it work?

You add a flip token to the transform segment. Autorender mirrors the image along the requested axis and returns the result at the same dimensions.

<Tabs>
  <Tab title="Original">
    ```text theme={null}
    https://assets.autorender.io/LOKVTtKVGb/w_360/doc1/gpose.jpg
    ```

    <div className="flex object-contain justify-center mt-4">
      <img src="https://assets.autorender.io/LOKVTtKVGb/w_360/doc1/gpose.jpg" alt="Original image" className="border border-gray-200 dark:border-gray-800" />
    </div>
  </Tab>

  <Tab title="Horizontal (flip_h)">
    ```text theme={null}
    https://assets.autorender.io/LOKVTtKVGb/w_360,flip_h/doc1/gpose.jpg
    ```

    <div className="flex object-contain justify-center mt-4">
      <img src="https://assets.autorender.io/LOKVTtKVGb/w_360,flip_h/doc1/gpose.jpg" alt="Horizontal flip" className="border border-gray-200 dark:border-gray-800" />
    </div>
  </Tab>

  <Tab title="Vertical (flip_v)">
    ```text theme={null}
    https://assets.autorender.io/LOKVTtKVGb/w_360,flip_v/doc1/gpose.jpg
    ```

    <div className="flex object-contain justify-center mt-4">
      <img src="https://assets.autorender.io/LOKVTtKVGb/w_360,flip_v/doc1/gpose.jpg" alt="Vertical flip" className="border border-gray-200 dark:border-gray-800" />
    </div>
  </Tab>

  <Tab title="Both (flip_hv)">
    ```text theme={null}
    https://assets.autorender.io/LOKVTtKVGb/w_360,flip_hv/doc1/gpose.jpg
    ```

    <div className="flex object-contain justify-center mt-4">
      <img src="https://assets.autorender.io/LOKVTtKVGb/w_360,flip_hv/doc1/gpose.jpg" alt="Flip both" className="border border-gray-200 dark:border-gray-800" />
    </div>
  </Tab>
</Tabs>

| Mode      | Description                          |
| --------- | ------------------------------------ |
| `flip_h`  | Mirrors horizontally (left-to-right) |
| `flip_v`  | Mirrors vertically (top-to-bottom)   |
| `flip_hv` | Mirrors on both axes                 |

## How to use flip?

* Use `flip_h` to correct mirror-mode selfies or product photos.
* Combine flipped versions of the same image to build symmetrical layouts.
* Apply flip after resizing, but before adding [text](/docs/transformations/text-layers) or [image layers](/docs/transformations/image-layers), so overlays keep their intended orientation.

## Next steps

<CardGroup cols={2}>
  <Card title="Rotate" icon="rotate" iconType="solid" href="/docs/transformations/rotate">
    Rotate by any angle or auto-orient from EXIF data.
  </Card>

  <Card title="Crop" icon="crop-simple" iconType="solid" href="/docs/transformations/crop">
    Trim to exact dimensions with crop modes and positioning.
  </Card>

  <Card title="Image layers" icon="layer-group" iconType="solid" href="/docs/transformations/image-layers">
    Add watermarks and logos on top of the flipped image.
  </Card>

  <Card title="Recipes" icon="bookmark" iconType="solid" href="/docs/transformations/recipes">
    Save flip combinations as reusable `t_` tokens.
  </Card>
</CardGroup>