> For the complete documentation index, see [llms.txt](https://help.webhash.com/webhash-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.webhash.com/webhash-docs/how-to-edit-every-component-on-your-website/standard-blocks-the-foundation-of-your-website/avatar.md).

# Avatar👨🏻‍🦰

How to add Avatar block on your decentralized website

{% embed url="<https://youtu.be/CRcgFjs-1U0>" %}

#### Customizing Avatar Block 👨🏻‍🦰:

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FfkiPpiYpCq94d7rwsNqf%2Favatar%20block.png?alt=media&amp;token=2e0ff609-de15-447f-bbec-1cd7fd4483ad" alt=""><figcaption></figcaption></figure>

* **Upload your avatar image:**
  * Within the avatar block, click on the "Choose File" button.
  * Select the image file from your device that you want to use as your avatar.
  * Once the image is uploaded, it will be displayed within the avatar block.

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FilTqz02ZO4QxxZTmsM4l%2Favatar%20image%20adding%201.png?alt=media&amp;token=db8ba0fb-ce59-464a-9af6-b4787585d4c3" alt=""><figcaption></figcaption></figure>

* **Adjust the image size:**
  * Within the avatar block, locate the "Image Size" option.
  * Choose the desired image size from the available options, such as 75X75px, 100X100px, 125X125px, or 150X150px.
  * Select the appropriate size that suits your design preferences.
* **Customize the border-radius:**
  * Within the avatar block, locate the "Border Radius".
  * Choose the border-radius style you prefer: "Straight," or "Rounded".
  * Select the option that matches the desired shape for your avatar image.