The webapp will be a constraining factor (as any request for /media/ is first handled there).

Isn't it possible to just have the front-end emit media links to https://site.blob.azure.com/media/ instead of https://site/media/ to mitigate this?

That's how a CDN endpoint against the BLOb Storage Container would have to work anyway, with links to https://cdn.site.azure.com/media/, right?

  "Umbraco": {

    "Storage": {
      "AzureBlob": {
        "Media": {
          "ConnectionString": "DefaultEndpointsProtocol=https;AccountName=a;AccountKey=k;EndpointSuffix=core.windows.net",
          "ContainerName": "c",
          "Cdn": {
            "Url": "https://u.azureedge.net/"

and

            // Add the Azure Blob Storage file system, ImageSharp image provider/cache and middleware for Media:
            u.AddAzureBlobMediaFileSystem()
            // Optionally add the CDN media URL provider:
            .AddCdnMediaUrlProvider(options =>
            {
                var settings = _config.GetSection("Umbraco:Storage:AzureBlob:Media:Cdn");
                options.Url = new Uri(settings.GetValue<string>("Url"));
            });

https://our.umbraco.com/forum/using-umbraco-and-getting-started/102205-azure-blob-storage-and-azure-cdn#comment-337976 and https://our.umbraco.com/Documentation/Extending/FileSystemProviders/Azure-Blob-Storage/shows where the code goes. :)

But I think you have already put the code in the correct place, if your site works & media is in Azure.

Your "I created an endpoint (under the endpoint tab) with origin pointing to the blob storage" remark sounds like it could be incompatible with croppings. We always set our CDN endpoints to pull media from Umbraco,

Thanks. How do you set the CDN endpoints to pull media from umbraco (the steps to create the cdn endpoint when storage container for media is already created)? I think you're right. I just tested the live image cropper to reposition the focal point and it is not moving images. I imagine this is related to the imageprocesser errors in the logs (hundreds) (could be related).

The focal-point feature is not automatic IIRC, I think you have to do something in the views to enable it. This is probably unrelated to Azure Storage.

The CDN endpoint has https://umbraco-site/media as its source/upstream.

Any emitted URL will be on the form https://cdn/umbraco-media-id/media.jpeg?crop=x&focus=y&format=z and the CDN endpoint will then fetch the media from Umbraco "as usual".

Umbraco doesn't know it is the CDN endpoint requesting the cropped/focused/etc. media.

From a base installation, I think you only need to add the storage/CDN configuration and the Startup code.

I'd start with verifying that the configuration is correct; IIRC the Azure Storage feature in Umbraco is disabled if it isn't.

I followed the blob storage guide from Umbraco here. I am not using azure blob cache, perhaps that is the issue? I set up a blob storage in azure, then a container called media. everything is storing correctly, but I am getting image processor errors in the logs. Only the localhost, changing the focal point of an image used to work. Now it does not. I imagine it is related somehow.

I want to also create a CDN endpoint for faster response, but it sounds like it is not required.