Can I display an image from a URL in Webflow without adding it as an asset?

Published on
September 22, 2023

Yes, you can display an image from a URL in Webflow without adding it as an asset. Here's how you can do it:

  1. Open your Webflow project and navigate to the page where you want to display the image.
  2. Drag and drop an Image element onto the canvas or select an existing Image element on the canvas.
  3. With the Image element selected, go to the right-hand panel and click on the image placeholder.
  4. In the Style tab, you'll find the Image section. Click on the Image URL field.
  5. Paste the URL of the image you want to display in the Image URL field. Webflow will automatically load a preview of the image.
  6. Adjust the styling of the Image element as desired, such as the dimensions, alignment, and position on the page.

By using this method, you don't need to upload the image as an asset in Webflow. Instead, you can directly link to the image hosted on another server or CDN. This is especially useful when you want to display images that are stored off-site or when you want to avoid using up your Webflow project's asset storage limit.

Please note that displaying images from external URLs comes with a few considerations:

  • Make sure you have the appropriate rights and permissions to use the image on your website.
  • Check the image's dimensions and aspect ratio to ensure it fits well within your design.
  • Keep in mind that if the external image is removed or its URL changes, the image will no longer display on your website.

Overall, using external image URLs can be a convenient way to include remote images in your Webflow projects without cluttering your asset library or increasing your storage usage.

Additional Questions:

  1. How do I add an image as an asset in Webflow?
  2. Can I optimize images in Webflow for better site performance?
  3. Is it possible to create a dynamic image gallery in Webflow?