Skip to main content
Transform image orientation with flip, flop, and rotation operations. Perfect for correcting image orientation, creating mirror effects, or ensuring consistent alignment across your content.

​
Parameters

​
flip
boolean
Flip the image vertically along the horizontal axis.Default: false
​
flop
boolean
Flip the image horizontally along the vertical axis (mirror effect).Default: false
​
rotate
integer
Rotate the image by a specified angle.Accepted values: -270, -180, -90, 0, 90, 180, 270Default: 0

​
How it works

Bunny Optimizer provides three types of orientation transformations: Flip: Creates a vertical reflection by flipping the image along the horizontal axis (top becomes bottom). Flop: Creates a horizontal reflection by flipping the image along the vertical axis (left becomes right), producing a mirror effect. Rotate: Rotates the image clockwise (positive values) or counter-clockwise (negative values) in 90-degree increments.

​
Usage

​
Flip (vertical reflection)

Flip the image vertically along the horizontal axis. The top of the image becomes the bottom and vice versa.
Original image
https://yourzone.b-cdn.net/image.jpg?flip=false
flip=falseflip=true
Original orientationFlipped vertically
Useful for correcting upside-down images or creating reflection effects.

​
Flop (horizontal reflection)

Flip the image horizontally along the vertical axis, creating a mirror effect. The left side becomes the right side and vice versa.
Original image
https://yourzone.b-cdn.net/image.jpg?flop=false
flop=falseflop=true
Original orientationFlopped horizontally
Perfect for creating mirror images, correcting camera orientation, or ensuring subjects face the desired direction in your layout.

​
Rotate

Rotate the image in 90-degree increments. Positive values rotate clockwise, negative values rotate counter-clockwise.
Rotate 90 degrees clockwise
https://yourzone.b-cdn.net/image.jpg?rotate=90
rotate=0rotate=90
Original rotationRotated 90 degrees
Rotate 180 degrees
https://yourzone.b-cdn.net/image.jpg?rotate=180
rotate=0rotate=180
Original rotationRotated 180 degrees
Rotate 90 degrees counter-clockwise
https://yourzone.b-cdn.net/image.jpg?rotate=-90
rotate=0rotate=-90
Original rotationRotated -90 degrees
Ideal for correcting images taken in portrait mode, fixing EXIF orientation issues, or adjusting content to fit different layout orientations.

​
Combining transformations

Reflection and rotation operations work seamlessly with other Bunny Optimizer parameters:
Flip and resize
https://yourzone.b-cdn.net/image.jpg?flip=true&width=800
Rotate and crop
https://yourzone.b-cdn.net/image.jpg?rotate=90&crop=600,400
Flop with brightness
https://yourzone.b-cdn.net/image.jpg?flop=true&brightness=10
Rotate and convert format
https://yourzone.b-cdn.net/image.jpg?rotate=180&format=webp
You can also combine multiple orientation operations:
Flip and rotate
https://yourzone.b-cdn.net/image.jpg?flip=true&rotate=90
This applies both transformations sequentially, allowing for complex orientation adjustments.