Embedding files

In previous versions of Designer, when you add an external file such as a video, animated GIF or linked PDF to your website, the file was placed into a support folder alongside the .xar file.  Since 24.0, these files are saved embedded inside your project .xar file instead, meaning they can never get lost if the project file is copied or moved without its accompanying folder.

Each file is linked to the placeholder object that references it. So for example when you add a video, the video player placeholder object is linked to the video file that is embedded in your project. If you delete the placeholder, the referenced file is deleted from the project too. Therefore it’s important that you always keep separate copies of the files that you add to any project, in case the object referencing the file, or the whole xar file, gets deleted.  

How do I check what external file is embedded? 

You can use the Name Gallery to see what files you have embedded in your project. 

In the example below, the video within the web block has been selected.  The name gallery shows XaraVideoPlaceholder.mp4 is attached.   XaraVideoPlaceholder.mp4 can be saved to an external location by right clicking on the name in the Name gallery and selecting save.

Are there any templates with embedded files?

Yes.  The Video Background Web Blocks and website backgrounds  have videos embedded.  

What happens to my existing projects with support folders? 

For existing projects that already have their referenced files in a folder next to the .xar file rather than embedded, these will continue to work as before. You may choose to re-import those files to have them embedded in the xar file instead, if you would like to eliminate the need for the folder. If you do this, note that some of the files in the folder are part of the video player and so you won’t need to import those - they will be automatically added as embedded files when you just re-import your video file.


IMPORTANT:
Before you delete the folder, please take a backup copy of it in case you later find that it contains
important files that you have not embedded in your project!


Support folders 

Support folders have been replaced with Embedded files since 24.0

 

Some documents which are used to create websites need to reference external files which cannot be embedded in the .xar design file. For example you may have a movie (.mp4) file which is used on your website and so you'll want to keep that file with the design file because you can't export a fully working website from the design file without also having the mp4 file.

So Xara Designer Pro and Web Designer use an optional "support folder" right alongside the design file to hold these important external files.

Support folder naming

The design file and its corresponding support folder are tied together by their names. The support folder for "mySite.xar" is always "mySite_xar_files". This naming convention makes it obvious which support folder belongs to which design file. So if you rename, copy or move a design file, always remember to do the same to the corresponding support folder, if it exists! And if you send a design file to someone else, send any support files folder along with it.

If you load a design that has a support folder, and then subsequently do a Save As to save another copy of that design, Xara will copy the whole support folder too, if there is one.

Support folder contents

When you use the Placeholder Tab of the Web Properties dialog to insert a reference to an external file into your website design (using the Browse buttons), Xara will automatically copy that file into the design's support folder for you. If the support folder doesn't already exist, it will be created.

Note that if you subsequently change a placeholder object to reference a different file, the original file will not be automatically deleted from the support folder. So if a file is no longer needed, you need to remove it manually.

Exporting websites with support folders

When you export a website document, any files in the corresponding support folder are copied to the folder which contains all the generated images for your website. So if you export "mySite.xar" to "index.htm", then any files in folder "mySite_xar_files" are copied into the "index_htm_files folder".

 

 

 

Copyright © Xara