# Resize Asset

The **Resize Asset** feature allows you to **create a new version of an image** with different dimensions from the original file — ideal for social media, web banners, or optimizing storage size.

With the feature, you can: 

* Choose from **preset sizes** or enter **custom dimensions**.
* **Add background colors** for transparent PNGs.
* **Select output file format** and adjust **compression quality**.
* Save the resized file as either a **new version** or open iamge editor for further advanced editing.

### How to use Resize asset

### 🔹 **Step 1: Open the Resize Asset Window**

* Go to the **Asset Detail Page** of the image you want to resize.
* Click the **“+” icon** (next to the asset name).
* Select **Resize** to open the resizing interface.

<figure><img src="/files/ZdOFbjpL9JLtI4YpHkFv" alt=""><figcaption></figcaption></figure>

### 🔹 **Step 2: Enable and Select Size**

* After clicking **RESIZE**, the resize configuration panel will appear.
* You can choose from the following options:
  * **Preset Sizes:** Choose one of the standard size templates: Small ($$512×auto$$), Medium ($$1024×auto$$), Large ($$2048×auto$$), or a Template (e.g., $$2048×2048$$).
  * **Custom Size:** Select Custom to manually enter your precise desired values on the right panel:
    * Width: The desired width (in pixels).
    * Height: The desired height (in pixels).
* **Allow Enlargement to Fit** (Optional) **:** Enable this option if you want the image to be enlarged to fit the new size, even if it may slightly reduce image quality.

<figure><img src="/files/euzpbpMu5xgYGqj2t0FN" alt=""><figcaption></figcaption></figure>

#### 🔹 Step 3: Advanced Customization

Expand the **ADVANCED** section to fine-tune the output file:

* **Add Background (for PNGs)**: Applies a background color (using Hex code) to transparent PNG files. Click the pencil icon to enter the Hex code (e.g., `#ff0000`).
* **Fit**: Define how the original image fits into the new dimensions:
  * **Cover**: Image will be scaled to cover the area with cropping, preserving aspect ratio.
  * **Contain:** Image will be scaled to fit inside the area with added letterboxing, preserving aspect ratio.
  * **Inside**: Image will be scaled to fit inside the area, preserving aspect ratio.
  * **Outside:** Image will be scaled to fit the area inside of it, preserving aspect ratio.
  * **Fill:** Image will be stretched to fill the area.
* **Tyepe:** Select the output file format ass **JPEG** or **PNG or WEBP or TIFF**
* **Quality:** Set compression quality for the output file (for JPEG). Value ranges from **1 to 100** (100 = highest quality).
* **Anchor Point:** Specify the focal point to retain when using **Fit: Cover** (e.g., Center, Top, Bottom, Left, Right)

<figure><img src="/files/PJfuWccryKeB9WuG0ajB" alt=""><figcaption></figcaption></figure>

#### 🔹 **Step 4: Start Resize asset**

Once all settings are configured, besides the basic (default) save option, HIVO offers an additional powerful choice to continue your workflow:

* Basic Option (default): **START RESIZE**
  * Saves the asset immediately as a new version with the selected dimensions.
* Advanced Option: **OPEN IMAGE EDITOR**
  * Opens the resized version in the dedicated Image Editor for further advanced editing (e.g., adding text, applying complex effects).

<figure><img src="/files/luq0AThnAbdacSBWareq" alt=""><figcaption></figcaption></figure>

If you have any questions, don't hesitate to ask, we're always here to help!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.hivo.co/assets/resize-asset.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.