Transformation Playground

Test transformations visually and generate framework-ready code.

Controls

Width (800px)

Height (600px)

Crop Mode

Gravity

Quality

Format

Blur (0)

Round Corners (0px)

Preview Mode

Generated Snippets

<Image
  src="https://res.cloudinary.com/demo/image/upload/w_800,h_600,c_fill,g_auto,q_auto,f_auto/samples/balloons"
  width={800}
  height={600}
  alt="Optimized asset"
/>