> For the complete documentation index, see [llms.txt](https://docs.powerviz.ai/powerviz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerviz.ai/powerviz/filter/advanced-settings-introduction/image-styling.md).

# Image Styling

To use the image styling feature, you need to drag a Base64 URL image field into the Image Data Bucket. Once you've done that, you can customize the image appearance with the following options:

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FdWzwqpnuvLEWTj3u5ZyQ%2FFilter%20Tooltips%20(6).gif?alt=media&amp;token=fea2ad9b-b666-4d56-bb80-bdf690b0107e" alt=""><figcaption></figcaption></figure>

* **Image Field**: The field you added will be displayed here, allowing you to manage the image that will be styled.
* **Position**: You can place the image on the left or right side, depending on your design preference.
* **Image Size**: Adjust the size of the image to fit your specific needs. You have full control over how large or small the image appears.

These settings provide a simple way to customize how images are displayed, ensuring they fit seamlessly into your design.

{% hint style="success" %} <mark style="color:green;">**Prerequisites**</mark>&#x20;

Please make sure that you have a column with base-64 image URL properties in the dataset.
{% endhint %}
