# Image 🖼️

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

#### Customizing Image Block 🖼️:

<figure><img src="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2FXiXvsFd8luptbgMfEOvX%2Fimage%20block%20ss%202.png?alt=media&#x26;token=ef0b5c71-a403-45a0-9ff2-133fa9be2a7e" 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="https://4161914543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F741wExKkkJOu5fhET8Lp%2Fuploads%2Fqw65Xtg5Uew59nQveCkf%2Fimage%20block%20ss%201.png?alt=media&#x26;token=f25cd628-8fae-4c5a-9e69-9e9b0d08e883" 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.
