> 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/header-image.md).

# Header Image 🖼️

{% embed url="<https://youtu.be/95BIkUUWa5Q>" %}

#### Customizing Header Image Block 🖼️:

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

* **Add a Header image block:**
  * Click on the "Add Blocks" option in the builder interface.
  * Look for the "Header Image" block in the block library and drag it onto the canvas area.

<figure><img src="/files/8gqvRJXTljd6U2z0RKBb" alt=""><figcaption></figcaption></figure>

* **Header Image selection:**
  * Within the header image block, there should be a button or option to select an image.
  * Click on the "Choose File" or a similar button to open the file selection dialog.
  * Select the desired image file from your device to upload it to the builder.
* **Image alt text:**
  * In the same header image block, there should be a field or option to enter the alt text for the image.
  * Enter a descriptive alt text that provides a brief description or alternative representation of the image.
  * This alt text is important for accessibility purposes and search engine optimization.
* **Submit button:**
  * In the block, there should be a submit button or an option to save your changes.
  * Click on the submit button to apply the selected image, alt text to the block.