---
title: "Create a rendition task for clipping paths"
slug: "create-a-rendition-task-for-clipping-paths"
abstract: "Guide to clipping path renditions."
---
# Create a rendition task for clipping paths

A clipping path is a technique for creating a vector path using photo-editing software. This lets you remove the background from an image in a non-destructive manner.

If you create a clipping path for a vector file in photo-editing software, you can import that file into Sitecore Content Hub with the clipping path available as a rendition. In order for the rendition to appear in the **Entity renditions** component, you must [configure that component](https://doc.sitecore.com/ch/en/users/content-hub/entity-renditions.html "Entity renditions") for the corresponding entity definition (such as *M.Asset*).

> [!note]
> There is a variety of ways to create a clipping path; the following procedure uses the example of a path to be used in Adobe Photoshop.

> [!note]
> To configure Content Hub, you must either be a superuser or have the necessary permissions granted to you through [user group policies](https://doc.sitecore.com/ch/en/users/content-hub/user-group-policies.html "User group policies").

To create a rendition task for clipping paths:

1. On the menu bar, click **Manage** :mdiCogOutline:.
2. On the **Manage** page, click **Media processing**.
3. On the **Media processing** page, select the **Content** set, then click **Vectors**.
4. On the **Vectors** flow, [add a new **Convert image** task](https://doc.sitecore.com/ch/en/users/content-hub/create-a-processing-task.html "Create a processing task") with the following settings:
    - **Content type** - *image/png*
    - **Content disposition** - *Inline*
    - **Resize option** - *Only shrink if larger*. The resize options *Only shrink if larger*, *Only shrink if smaller*, and *Resize for crop* require that you define a width value and a height value.
    - **Target extension** - *png*
    - **Width (px)** - 1600
    - **Height (px)** - 900
    - **Multi-page** - Deselected
    - **Clipping path** - Name for the clipping path in Photoshop, such as *OurNewClippingPath* The remaining parameters can be configured however you prefer, or ignored if not needed.
5. [Store the outputs](https://doc.sitecore.com/ch/en/users/content-hub/create-a-processing-task.html "Create a processing task") and create a rendition link.
6. Save the task and the processing flow.
7. Click **Publish** to publish your changes.

> [!note]
> For a more detailed explanation of how to create a processing task, see [Create processing tasks](https://doc.sitecore.com/ch/en/users/content-hub/create-a-processing-task.html "Create a processing task").

After you create the rendition task, you can [create a clipping path in Photoshop](https://clippingpathstudio.com/how-to-create-a-clipping-path-in-photoshop/) using the same name as the **Clipping path** assigned to the task.

To test the clipping path created in the previous example:

1. [Upload](https://doc.sitecore.com/ch/en/users/content-hub/upload.html "Upload") the image as an asset, including the associated clipping path.
2. [Download](https://doc.sitecore.com/ch/en/users/content-hub/download-assets.html "Download assets") the *ClippingPath* rendition previously created.
3. Open the image in an appropriate image viewer.

The clipped path should display with the background removed. If you download and open the **Original** instead, the image displays with the background and not just the clipping path.