Existing containers
Use public Azure Blob URLs as the source for product media, uploads, previews, CMS images, avatars, and galleries.
azure blob image optimization
Optimize Azure Blob images without moving containers
Keep product photos, avatars, screenshots, CMS media, and generated previews in Azure Blob Storage. Put Skymage in front of public blob URLs so ASP.NET apps, APIs, templates, and frontend clients can request exact dimensions, crops, WebP or AVIF output, compression, and cached delivery.
https://demo.skymage.net/v1/media.example.com/products/sku-42.jpg?w=520&h=390&fit=cover&f=webp&q=82
https://demo.skymage.net/v1/media.example.com/users/42/avatar.png?w=96&h=96&fit=cover&f=webp
https://demo.skymage.net/v1/media.example.com/previews/report-42.png?w=960&fit=inside&f=avif&q=84
blob storage surfaces
Start with the Azure Blob URL your app already renders
A useful Azure Blob image optimization test starts with one public container path, one repeated surface, and one helper or API response that can add Skymage parameters before the image reaches the browser.
ASP.NET and API helpers
Render optimized URLs from Razor views, MVC controllers, response models, JSON APIs, or frontend components.
No derived files first
Test resize, crop, compression, WebP, and AVIF through URL parameters before adding Azure Functions or extra blob variants.
first test map
Choose one blob-backed image family and prove the URL pattern
The first rollout should answer whether Skymage can fetch the public blob URL, return the right variant, keep visual quality, and reduce transfer size on a repeated surface.
| Azure Blob surface | Skymage URL pattern |
|---|---|
| Product or listing card | ?w=520&h=390&fit=cover&f=webp&q=82 |
| Avatar or logo | ?w=96&h=96&fit=cover&f=webp |
| Dashboard preview | ?w=960&fit=inside&f=avif&q=84 |
| Gallery detail | ?w=1440&fit=inside&f=webp&q=85 |
rollout path
A low-risk Azure Blob image CDN test
Confirm public origin fit
Use one public blob URL or CDN-backed container path that Skymage can fetch consistently.
Map rendered slots
Record the real card, avatar, preview, or gallery dimensions before choosing parameters.
Change one helper
Add Skymage URL generation in one Razor helper, serializer, API response, or frontend component.
Measure before expansion
Compare bytes, cache behavior, visual quality, and rollout complexity before touching more blob paths.
free check
Send one Azure Blob-backed page and get the first image path to test
The free audit will identify whether your public blob URL, current template surface, and desired variants fit a low-risk Skymage rollout before adding Azure Functions or derived files.