Greetings to everyone! I decided to optimize the video used as a background, and after testing different formats, .avifs turned out to be the winner. So, I went with it. Now the question is: how can I work with this format in Site Designer? Is it supported, or will I have to manually add the code to the finished site?

To be honest, I have never heard about this file format, so I had to Google it. I tried to find a small file in the avifs format to experiment with, but I didn't find any. Could you provide such a file, preferably small?

Certainly! And thanks for the answer!

I can’t send because it says this to me: “Your attachment must be one of: .TXT, .SNP, .ZIP, .RSD, .RLM, .RLMP, .RED, .GIF, .JPG, or .PNG format.” Therefore, I will rename the file to jpg and after downloading, you change it to .avifs

I made it on this free site https://ezgif.com/video-to-avif

This format opens in all modern browsers; I tested it on 7 browsers.

Hello
sorry to butt in
I same as Inger have never tried that, but I do believe that Site Designer doesn't support that format, which indicates to me that it would be a fiddly job that needs doing after exporting.

I find that converting a video to the WebM format, reduces file sizes considerably (probably not as much as AVIF), but still a big reduction.

WebM video format IS SUPPORTED within Site Designer, making it a simple task to insert it, style it and select various attributes. (including the "pre-load" attribute )which saves a lot of messing about, time and effort, especially if there happens to be more than 1 video on a page.

Just a thought for consideration

Gimp can also export avif images. I don't know about animated avifs.

You can create a subfolder for images if you don't have one already, and then copy the avif file there. Then you need to remember the file path.

Add the HTML Element to the page and edit its html content by selecting the Element tab.

DO NOT unzip the zip file, but just rename the .zip to .rsd to change the file back to normal. Because rsd files are zip files, you can unzip them to see what they contain.

So you will only be able to see images using the preview.

And I forgot to mention that it in resources that you can create the subfolder and copy images to it.

When I successfully loaded the AVIFS file into the resources folder and tried to insert it as an image or video, Site Designer did not see or accept this format. And I realized that the only option left was HTML Element, but that didn’t work out for me either. Perhaps I made some mistake because it was late, I wanted to sleep and my brain refused to be positive There is another option, insert this file as an animated background by writing it in css, but again this is post-processing. I would like to use direct editing tools in Site Designer. As for me, the AVIFS format is very promising and the future lies with it; it provides amazing quality with incredible size optimization. Just for fun, you can try any heavy video file and decode it into AVIFS, it will be a Christmas surprise, I assure you

The attached (normal) .zip file shows a way that gets close to direct editing. I set up the container with a background image, but left the image as the default one. In the Header code of the Element panel for the container I set the background image as the .avif file.

The above is writing it in CSS (Juan's 'another option') but involves only the file name. All the other settings of the background image are controlled in SD in the normal way.

Frank