File viewer branding

{#if !window.user.subscription.file_viewer_branding}
Sharing settings are not available for your account. Subscribe to the Persistence plan or higher to enable these features.
{:else if !window.user.hotlinking_enabled}
To use custom file viewer branding bandwidth sharing needs to be enabled. Enable bandwidth sharing on the bandwidth sharing page.
{/if}

You can change the appearance of your file viewer pages. The images you choose here will be loaded each time someone visits one of your files. The data usage will also be subtracted from your account's data cap. Keep in mind that large images can take a very long time to load over cellular connections. I recommend keeping the header and footer images below 100 kB, and the background image below 1 MB. Allowed image types are PNG, JPEG, GIF and WebP. If you want to use an animated banner you should use APNG or WebP. Avoid using animated GIFs as they are very slow to load.

Theme

Choose a theme for your download pages. This theme will override the theme preference of the person viewing the file. Set to 'None' to let the viewer choose their own theme.

{theme = e.detail; save()}}>

Header image

Will be shown above the file. Maximum height is 90px. Will be shrunk if larger. You can also add a link to open when the visitor clicks the image. The link needs to start with 'https://'.


Header image link:
{#if header_image}
{/if}

Background image

This image will be shown behind the file which is being viewed. I recommend choosing something dark and not too distracting. Try to keep the file below 1 MB to not harm page loading times. Using a JPEG image with a quality value of 60 is usually good enough.

{#if background_image}
Custom file viewer background
{/if}

Footer image

Will be shown below the file. Maximum height is 90px. Will be shrunk if larger.


Footer image link:
{#if footer_image}
{/if}

Toolbar buttons

If you don't want to make it obvious that your files can be downloaded or shared while still allowing people to view them through the site you can use these options.

The buttons will be hidden, however your files can still be downloaded and shared through the API. The changes are purely cosmetic.

For convenience these options only apply when other people view your files. The buttons are still available to you. If you want to see the effects you can open your file in an incognito window.

Disable download button:
Disable share button:

You can also choose the hide the menu bar altogether

Disable menu:
{add_file(e.detail)}} multi_select={false} title="Select image file" />