Imaging

Image

URL To Image

  • Image

URL To Image

Convert an URL to an image.

Details

ID

imaging-image-url-to-image

Name

URL To Image

Group

Image

Package

Imaging

Keywords

image
convert
url

Input ports

NameTypeDescriptionDefault Value
URL
String
Accepts input image URL for preview

Output ports

NameTypeDescription
Image
Image
Preview of the image from the URL

Creation method

Two Options for Creating an Image URL Node

  1. Using Search List:
  • Double left-click in the workspace to open the search list.
  • Write the name or associated words for the node: image, convert, url.
  1. Select from Menu:
  • Navigate to Tools > Image > Image URL.

Description

The Image URL node allows you to load and preview images directly from a web URL. It supports a variety of image formats and includes robust handling for external resources.

Input Ports

| Name | Type | Description | | :------ | :----- | :--------------------------------------------- | | URL | String | The web address of the image you want to load. |

Output Ports

| Name | Type | Description | | :-------- | :---- | :---------------------------------------------------------------- | | Image | Image | The loaded image object, ready for preview or further processing. |

Features

  • CORS Fallback: The node automatically attempts to load images with CORS enabled. If the server doesn't support CORS, it will fallback to a "no-cors" mode to ensure the image can still be previewed, although such images might be restricted in certain advanced processing nodes.
  • Input Flexibility: Accepts direct URL strings, object-wrapped values, or arrays of URLs.
  • Secure Loading: Automatically attempts to upgrade http requests to https when running in a secure environment to prevent mixed-content issues.

Steps

  1. Create an Image URL Node.
  2. Provide a URL: Connect a string input or type the URL directly into the port.
  3. Wait for Loading: The image will appear in the preview once fetched.
  4. Connect to Processors: Pass the output image to other nodes like Image GrayScale or Image Sampler.

See Also

  • Image Preview
  • Image Dimensions
  • Image Sampler
  • Image GrayScale
  • Image Edge Detection