> ## Documentation Index
> Fetch the complete documentation index at: https://docs.odella.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Block

> Define a static image for use with other nodes. Can convert a binary type into an image type.

## Overview

The Image Block is used to define a static image for use with other blocks. It supports PNG, JPEG, and JPG formats and allows you to select an image file from your local system.

<Frame>
  <img src="https://mintcdn.com/odella/I7v1Fbrp2kx7rLoj/block-reference/assets/image_light.png?fit=max&auto=format&n=I7v1Fbrp2kx7rLoj&q=85&s=df58dcfec8fd3627e4e3a2fbe980c147" alt="Image Block Screenshot" className="block dark:hidden" width="688" height="250" data-path="block-reference/assets/image_light.png" />

  <img src="https://mintcdn.com/odella/I7v1Fbrp2kx7rLoj/block-reference/assets/image_dark.png?fit=max&auto=format&n=I7v1Fbrp2kx7rLoj&q=85&s=c587f2bcee76c6cb36897df4401690e9" alt="Image Block Screenshot" className="hidden dark:block" width="698" height="256" data-path="block-reference/assets/image_dark.png" />
</Frame>

## Inputs

This block does not have any inputs.

## Outputs

<ResponseField name="image" type="image">
  The image that was loaded or converted from the input data.
</ResponseField>

## Editor Settings

<ParamField path="Image" type="file" accept="image/png,image/jpeg,image/jpg">
  The image file to be used. Click to select an image from your local file system.
</ParamField>

<ParamField path="Width" type="number" default={250}>
  The width of the block in pixels.
</ParamField>

<ParamField path="Hidden" type="boolean" default={true}>
  Whether the block is hidden in the block menu.
</ParamField>

## Example: Using a Static Image

1. Add an Image Block to your flow
2. In the block's settings, click to select an image file from your local file system
3. Connect the `image` output to another block that accepts image inputs
4. Run your flow. The selected image will be passed to the connected block.

<Frame>
  <img src="https://mintcdn.com/odella/63rQpScaEp0bDpCd/images/image-block-example.png?fit=max&auto=format&n=63rQpScaEp0bDpCd&q=85&s=f2abf0ab481ac8f1b976a98a5ad1720c" alt="Image Block Example" width="304" height="642" data-path="images/image-block-example.png" />
</Frame>

## Error Handling

The Image Block will throw an error if:

* No image data is provided
* The file provider is not available
* The image file cannot be accessed or loaded

<Warning>
  Ensure that you have selected a valid image file and have the necessary permissions to access it.
</Warning>

## FAQ

<AccordionGroup>
  <Accordion title="What image formats are supported?">
    The Image Block supports:

    * PNG (.png)
    * JPEG/JPG (.jpeg, .jpg)
  </Accordion>

  <Accordion title="Can I use the Image Block to convert binary data to an image?">
    Yes, the Image Block can convert binary data into an image type that can be used by other blocks in your workflow.
  </Accordion>

  <Accordion title="What happens if no image is selected?">
    The block will throw an error if no image data is provided. You must select an image file for the block to function properly.
  </Accordion>
</AccordionGroup>

## See Also

* [File Block](/block-reference/data/file)
* [Audio Block](/block-reference/data/audio)
* [Text Block](/block-reference/data/text)