Image and video hosting with Astro

Follow one of our guides to integrate images and videos from a hosted media service.

Hosted Media Guides

• 

  Cloudinary

• 

  Mux

Why use hosted media?

Hosted media helps individuals, teams, and organizations store, manage, optimize, and deliver their image and video assets with dedicated APIs from a central location.

This centralization can be useful, particularly when using a single source of truth for your assets between multiple web or mobile properties. This is important if you’re part of an organization that requires multiple teams to use the same assets, or are integrating into other content systems like a PIM (Product Information Manager) to connect your assets to products.

Image hosting services can transform and optimize your images, automatically delivering optimized versions for your visitors. These remote images can be used in Astro’s built-in <Image /> and <Picture /> components, and are available to all file types in your project, including Markdown, MDX, and UI Framework components.

Video hosting services like Mux can provide performant on-demand and live-streaming video delivery along with customizable video players, giving significant reliability and scaling benefits over handling local content. They will handle video transcoding, compression, and transformation to provide a smooth user experience. A platform like Mux may also include data analysis to help you understand your user engagement.

Which hosted media systems work well with Astro?

Much like when using a CMS, you’ll want to use hosted services that allow you to fetch and interact with your assets via an API or SDK. Some services may additionally include Astro-native components for displaying your images or videos.

Can I use Astro without a hosted media system?

Yes! Astro provides built-in ways to store images, including support for referencing remote images.

However, there is no native video support in Astro, and we recommend choosing a service like Mux to handle the demands of optimizing and streaming video content.