CDN & Resources
WebStadia includes a built-in CDN for hosting images, files, and other static assets. Upload files through the dashboard and use them across your websites.
Uploading Resources
- Go to Your Project → Resources
- Click Upload
- Give the resource a name and select a file
- Click Upload
The file is stored on WebStadia's global CDN and immediately available via a public URL.
Supported File Types
You can upload any file type — images, PDFs, fonts, documents, videos, and more. Images are the most common use case and benefit from CDN-level optimizations.
Using Resources
Once uploaded, each resource has a URL you can use anywhere:
<!-- In your HTML -->
<img src="https://cdn.webstadia.com/your-resource-url.jpg" alt="My image" />
/* In your CSS */
.hero {
background-image: url('https://cdn.webstadia.com/your-resource-url.jpg');
}
Image Optimization
WebStadia's CDN supports on-the-fly image resizing via URL parameters. Upload the original high-resolution image once, then request any size you need:
https://cdn.webstadia.com/image.jpg?width=800
https://cdn.webstadia.com/image.jpg?width=400&height=300
This eliminates the need to manually create multiple image sizes.
Storage Limits
Each plan includes a CDN storage allowance (measured in GB). You can monitor your current usage from the project analytics page under Resource Usage.
| Action | Effect on Storage |
|---|---|
| Upload a file | Increases usage by file size |
| Delete a file | Decreases usage by file size |
If you exceed your plan's CDN storage limit, new uploads will be blocked. Delete unused resources or upgrade your plan to continue uploading.
Managing Resources
From the Resources page you can:
- View all uploaded resources with name, type, and size
- Preview images directly in the dashboard
- Copy URL to clipboard for use in your code
- Delete resources you no longer need
Deleting a resource removes it from the CDN and frees up your storage quota. Any references to the deleted URL will return a 404.