# Bulk Crop

## What is the Bulk Crop

Bulk Crop is a **time-saving feature** that lets you apply the same crop settings and aspect ratio to multiple steps at once.

Instead of cropping each step individually, you can now crop one step, then instantly apply that same crop to all other steps in your demo. This ensures a consistent look throughout your demo while saving you significant editing time.

{% @supademo/embed demoId="cmmazxkuc00lq22c4wzf8mvsm" url="<https://app.supademo.com/demo/cmmazxkuc00lq22c4wzf8mvsm>" %}

## How to Use

1. **Choose a step** you want to crop.
2. Click on **“Blur & Annotate”** from the editor toolbar.
3. Select **“Crop Media”** to enter crop mode. Alternatively, you can click “**Resize & Crop**” at the bottom.
4. **Crop the step** to your desired aspect ratio.
5. **Hover on the Save button** — you’ll see the option **“Apply to other steps”**.
6. Click on it and **select the steps** from the left panel to which you want to apply the crop.
7. Use **Ctrl/Cmd + A** to quickly select all steps, or manually pick specific ones.
8. Click **Confirm** to apply the crop across selected steps.

{% hint style="success" icon="lightbulb" %}
**Tip:** This changes the aspect ratio of all selected steps at once, giving your demo a uniform, polished look.
{% endhint %}

## Benefits

* **Bulk editing** — Apply the same aspect ratio to all steps in one action.
* **Visual consistency** — A uniform aspect ratio across every step makes your demo look cleaner and more professional.
* **Save time** — No need to crop each step individually; do it once and apply everywhere.
* **Flexible selection** — Choose specific steps or apply to all with a simple keyboard shortcut.

## Use Cases

<details>

<summary><strong>Standardizing Screen Captures</strong></summary>

Recorded your demo at different zoom levels or window sizes? Use Apply All for Crop to bring every step to the same dimensions, creating a seamless viewing experience throughout your demo.

</details>

<details>

<summary><strong>Removing Unwanted Screen Areas</strong></summary>

Need to crop out browser toolbars, bookmarks, or sensitive tabs from your demo? Crop once to focus on the product area, then apply the same crop to all steps instantly.

</details>

<details>

<summary><strong>Optimizing for Embed Dimensions</strong></summary>

Embedding your demo on a landing page or help center with specific dimension requirements? Crop your demo to fit the target aspect ratio and apply it across all steps for a perfect embed.

</details>

> <mark style="color:$info;">✨</mark> <mark style="color:$info;"></mark><mark style="color:$info;">**The Result:**</mark> <mark style="color:$info;"></mark><mark style="color:$info;">A consistent, polished demo with uniform cropping — done in seconds, not minutes.</mark>