Skip to content

Media Management

The Media Management area serves as your website's digital asset library. It's where all the images, videos, documents, and other files you use on your pages, in banners, or within other content sections are stored, organised, and made accessible for integration throughout your site.


Key Features of Media Management

Uploading Media

Bringing your digital assets into the CMS is a straightforward process:

  • Drag and Drop: You can simply drag and drop files directly from your computer's folders into the media library interface.
  • Browse and Select: Alternatively, you can click to browse your computer and select the files you wish to upload.
  • Supported File Types: The CMS typically supports common image formats (e.g., JPEG, PNG, GIF, SVG), video formats (e.g., MP4, MOV), and sometimes documents (e.g., PDF).
  • Batch Uploads: You can often upload multiple files simultaneously, saving you time.

Organising Your Media

Keeping your media library tidy is essential for quick access and efficient content creation: File Types We use different file types to organise your media and ensure each asset is used correctly on your website. Understanding these types will help you manage your digital content more effectively.

  1. Inline Images These are images intended to be placed directly within the content of a page or article, such as within a block of text. They are typically smaller in size and are used for illustrative purposes, breaking up text, or providing visual context for the surrounding content.

  2. Featured Images Featured images are the primary, large images associated with a specific page, blog post, or article. They often appear at the top of the page and are used to represent the content visually. They are also frequently used on index pages and social media shares to provide a visual thumbnail.

  3. Banners Banner images are wide, visually impactful images designed to be placed in specific, prominent sections of the website, such as a header or a full-width section. They are used to grab a visitor's attention and often include a title, call-to-action, or link to another page.

  4. Documents This type includes all non-image files that can be uploaded for download or viewing. Common examples include PDFs, Word documents, spreadsheets, and presentations. Documents are used to provide downloadable information, such as brochures, menus, or forms.

  5. Videos This category is for video files that can be uploaded and embedded directly onto your website. Videos are a powerful tool for engaging visitors, offering dynamic content such as product demonstrations, testimonials, or tutorials.

Using Media in Your Content

Once uploaded, your media assets can be seamlessly integrated into various parts of your website:

  • Page Content: As detailed in the Page Content Documentation, you can easily insert images into text areas within your pages. The editor provides tools to control image size and layout to ensure they fit perfectly within your content.
  • Banners: As explained in the Banners Tab Documentation, you can drag and drop uploaded images from your media library to create rotating banner displays at the top of your pages.
  • Featured Images: Many CMS templates allow you to set a specific image as a "featured image" for a page or blog post, which is often used for thumbnails or social sharing.

Deleting Media

You can remove unneeded media files from your library:

  • Delete Icon: Locate the bin icon (🗑️) next to the media file you wish to remove.
  • Permanent Removal: Be aware that deleting a file from the media library will permanently remove it. Exercise caution and ensure the asset is no longer in use on any pages or sections of your website before deleting it, as this can result in broken images or content on your live site.

Media Management Best Practices

To make the most of your media library and ensure optimal website performance:

  • Descriptive File Names: Before uploading, rename your files with descriptive names (e.g., our-team-photo-2025.jpg instead of IMG001.jpg). This aids organisation and can also be beneficial for SEO.
  • Optimise Images for Web: Large image files can significantly slow down your website. Before uploading, optimise images to balance quality and file size. Use image editing software or online tools to compress images without losing too much visual fidelity. Aim for the smallest possible file size that still maintains good quality to ensure faster loading times for your visitors.
  • Copyright Compliance: Always ensure you have the necessary rights or licenses to use all media you upload to your website.

TIP

Don't forget to submit your changes! After uploading, organising, or updating details for your media files, ensure you save any changes within the media manager or the specific page/section you are working on to apply your modifications.