Media Library

The Media Library is Website Studio's central place to upload, find, and reuse images, videos, and documents for your public website. Every file gets its own web address that you can copy and paste into page sections, emails, or social media posts.

Accessing the Media Library

1. Click Website in the left sidebar to open Website Studio.
2. Click Media Library on the dashboard.

The library shows a grid of every file in your church's media library, with the number of files and the total space used under the title.

Uploading Files

1. Click Upload Files.
2. Select one or many files and confirm.
3. An Upload progress list shows each file as it uploads; the grid reloads when they are done ("Upload complete. Reloading grid..."). Clear finished tidies the list.

New uploads go into the General folder.

Allowed File Types

Uploads are checked against the file's actual content (not just its extension). The following types are accepted:

• Images: JPEG, PNG, GIF, WebP
• Videos: MP4, WebM, QuickTime (.mov)
• Documents: PDF, Word (.doc, .docx), Excel (.xls, .xlsx)
• Audio: MP3, WAV, OGG

Files of any other type are rejected.

File Size

Very large files are refused. For long videos (sermons, whole services), use the Sermons module or embed from YouTube/Vimeo via the Embed or Livestream sections instead.

Image Processing

When you upload an image, Website Studio automatically reads its dimensions and generates a thumbnail used in the library grid.

Searching and Filtering

Use the toolbar at the top of the library to narrow results, then click Filter (or Clear to reset):

• Search media... -- Match against the file's title, original filename, or alt text.
• All Folders -- Show only files in one folder: General, Pages, Gallery, Staff Photos, or Events.
• All Types -- Show only Images, Videos, or Documents.

Working with a File

Hover over (or tap) any file in the library to see its actions:

• Copy URL -- Copies the file's web address ("URL copied to clipboard."), ready to paste into an image or video field in a section.
• Edit details -- Opens Edit File Details, where you can update the Alt Text (describe what the image shows -- important for accessibility and SEO) and the Title (an optional display title). The Filename is shown for reference. Click Save.
• Delete -- Deletes the file after you confirm ("Delete this file? This cannot be undone.").

Deleting Several Files at Once

1. Select files using their checkboxes.
2. Click Delete selected in the bar that appears.
3. Confirm the deletion.

Important: Deleting a media file is immediate and permanent. If the file was used inside a section's content (for example, as a hero background), that reference will break and you will need to upload a replacement.

Using Library Files in Sections

Section editors take images and videos either as an upload or as a web address. To reuse a file from the library, click Copy URL on it here and paste the address into the section's image or video URL field.

Best Practices

• Set descriptive alt text on every image. It helps screen readers and improves SEO.
• Optimize before uploading. A 4 MB photo straight off a phone takes longer to load than a 400 KB optimized version. An image optimiser, or your phone's "share resized" option, can help.
• Reuse, don't re-upload. Always check the library before uploading a new copy of an image you already have.

Next Steps

• Website Sections -- See where uploaded media gets used
• Staff Directory -- Add staff photos