Add & manage assets
Assets are the files that power your site’s visuals and media — and managing them well can save time and improve performance. In this video, you’ll learn how to upload and organize files in the Assets panel, compress images for faster loading, add helpful alt text, and use Shared Libraries to keep brand assets consistent across projects.
Video transcript
In this lesson, we'll walk through how to add and manage assets in Webflow — specifically images, which are the most common type of asset you'll work with.
The Assets panel is where all of your uploaded files live. You can open it from the left toolbar. From here, you can upload new assets by dragging files in or clicking the upload button. Webflow supports images, SVGs, videos, PDFs, and more.
Once you've uploaded an image, you can add it to your canvas in a few ways. You can drag it directly from the Assets panel onto the canvas. Or you can click on an existing image element and assign the asset from the Settings panel. You can also click the image placeholder in the Designer and it'll open the asset picker.
A few things worth knowing about images in Webflow. First, Webflow automatically generates multiple sizes of your image for responsive delivery — so your images load faster on smaller screens. Second, always add descriptive alt text to your images for accessibility and SEO. You can add alt text in the image settings. Third, if you're working with lots of images, you can organize them into folders in the Assets panel to keep things tidy.
For images that need to be swapped out often — like product photos or team headshots — consider using CMS image fields instead of static assets. That way, content editors can update images without touching the Designer.
And that's the basics of adding and managing assets in Webflow. The Assets panel is a simple but essential tool you'll use constantly as you build.
