If you have the following setup in your site.CSS/app.CSS: .page-background-class { background-image:url (../images/image-name.png) } Then in your page you can enclose everything in a div element and give it the class of page-background-class: privacy statement. if you write complex blazor components you may need to write the html render in C#, and also a javascript library to handle events and dom references. Is there a single-word adjective for "having exceptionally strong moral principles"? The property you need to manipulate for changing the background image of the whole page is document.body.style.backgroundImage: document.body.style.backgroundImage = "url ('image.png')"; Cookie Notice set background image in blazor webassembly Set up logging with Blazor WebAssembly How to set to row Background color for the ant design blazor table Upload a file in background with Blazor webassembly Blazor Webassembly App display image from server Set base href on publish in Blazor WebAssembly project Blazor set background color with parameter Blazor can not access the DOM so it can not get a reference to the image to pass to the drawImage. If you want the background image to cover the entire element, you . Having a background image in the chart is one of them. This div has background </div> </body> </html> When you run the above HTML code, you will get the following output in the browser. Image from application assets Example Edit Source Image from url Example Edit Source Image from base64 encoded string Example Edit Source Image from binary data Example Edit Source Source Code licensed under If it can show the image, this path can be assigned to url(). The following example demonstrates how to dynamically set an image's source with a C# field. section: Specify the background image in the