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

# Image 🖼️

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

#### Customizing Image Block 🖼️:

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

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

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

* **Image selection:**
  * Within the 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 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.
* **Destination URL:**
  * In the image block, there should be a field or option to enter the destination URL for the image.
  * Provide the URL where you want the image to link to when clicked.
  * You can enter the complete URL, including the "https\://" or "http\://" prefix.
* **Submit button:**
  * In the image 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, and destination URL to the block.