---
title: "How to Crop Images in the Composer or Media Library"
description: "In this article, we show you how to easily crop images in the Composer or Media Library."
url: https://help.dotsimple.io/en/articles/163-how-to-crop-images-in-the-composer-or-media-library
collection: "Studio / Designer"
updated: 2026-02-10
language: en
alternates: [de]
---

# How to Crop Images in the Composer or Media Library

In this article, we show you how to easily crop images in the Composer or Media Library.

### Crop images in the Composer

1.  When you're in the composer and have already uploaded or selected an image, an **edit icon** will appear directly on the image.
    
    ![](https://staticfiles.gleap.io/ghelparticle/8yf9wHZsQXCosL7qKkV9jodqwhnZaN7QcJK2Ok3ArcB5Cd5RqXy6X6Z77Ezv109E5GchUOwOgjo.png)
    
2.  Click on the icon.
    
3.  A new window will open. Select **“Crop Image”** from there.
    
    ![](https://staticfiles.gleap.io/ghelparticle/rB9i0Lz869ZuRIbJy0LfxOQ0B7x6zkAMyIzdow8OgBBoFVugiHZ4maTXaiv337b4NBFIusCagTB.png)
    
4.  The designer will now open. You'll see various **format suggestions** available.
    
    -   You can also enter a **custom format manually**.
        
        ![](https://staticfiles.gleap.io/ghelparticle/HQ4308bfra3oKY0l29I3jW1Z3zGWk0uPe9apQfcbPKgEyXb5wnZ8XzJt3ML7K7IILClRQ9R8GkI.png)
        
5.  Choose your preferred format and customize the image crop to suit your needs.
    
6.  Then click on **“Save Image”**, to save the cropped image.
    
    ![](https://staticfiles.gleap.io/ghelparticle/hx8qwEMvwagCdDt3YjdVlTjMJNVM1JprVWKylFjEXmNhZuBYDjW2KqqlCFhidd6tTGDdMQ1tN4q.png)
    
7.  Close the designer.
    
8.  The image will automatically be updated in the composer as soon as you exit the designer.
    

* * *

### Cropping Images in the Media Library

1.  Open the media library and select the image you want to crop.
    
2.  Click on the **“Crop” icon**, which is displayed right next to the image.
    
    ![](https://staticfiles.gleap.io/ghelparticle/nvb0nYFQdPLkpzzf0JX2zy5GNgnwjXDxeSzxGurh1YstBssCfGrDJGJ0DPIXQHzndtbi0697e6Z.png)
    
3.  The editor opens with suggestions for different formats.
    
    -   You can also **manually enter** your desired format here.
        
        ![](https://staticfiles.gleap.io/ghelparticle/HQ4308bfra3oKY0l29I3jW1Z3zGWk0uPe9apQfcbPKgEyXb5wnZ8XzJt3ML7K7IILClRQ9R8GkI.png)
4.  Select a format and adjust the crop as needed.
    
5.  Click on **“Save Image”**, to save the crop.
    
    ![](https://staticfiles.gleap.io/ghelparticle/hx8qwEMvwagCdDt3YjdVlTjMJNVM1JprVWKylFjEXmNhZuBYDjW2KqqlCFhidd6tTGDdMQ1tN4q.png)
6.  Close the editor.
    
7.  The image will automatically update with the new crop in the media library.