Media management

File sizes and image optimization:

While you want high resolution images for print, the same isn't true for websites. Large file sizes can slow down your page load time and affect your site’s performance. Pages that load faster are also beneficial for search engine optimization. 

Optimizing images for web can help decrease file sizes without compromising quality. You can use "Export As" in Photoshop, or use a third party website such as TinyPNG.

Example file size goals: Use images 500 KB or less to help your site load quickly. The smaller the image, the smaller the file size. For instance, a profile headshot might be as little as 28 KB and a banner might be 500 KB or more.

It is especially important to mind your file sizes on pages with multiple images. 

Ensure that you are uploading your images at the exact pixel dimensions required (ex. 2400 px X 1600 px for a full width image). Images can be larger than their allotted space, but not smaller - if they are "blown up", they could be blurry.

Managing media on WCMS 3 steps:

Media management can be accessed by selecting “Manage all media” in the Site management menu on the Dashboard

Site management menu from the WCMS 3 dashboard with Manage all media circled in red

Or by selecting Manage beside File in the Media section of the Dashboard

screenshot of Media window of WCMS 3 dashboard with the Manage option circled in red

Then, select the Files tab 

You will then view a list of all files that includes their size and where they are used.

 

You can sort your files by size in descending order to sort files largest to smallest. You will find that there are many images on the Grebel site that are unusually large and need to be optimized.

By selecting the link in the USED IN column, then selecting the image, you can then edit or delete the image. Please note that cropping does not change the size of the image, only the section of the image that is viewed on the page.

How to delete uploaded documents and images

In WCMS 3, Site managers can delete media from the website. This includes files, icons, images, and remote videos. When content maintainers remove a document or an image on a web page, it is still stored on the site and can be inserted back.

The following steps will permanently delete a document or image from the website:

  1. From the administration bar, select Workbench, then select My Dashboard.   

  2. Navigate to Media.

  3. Select the drop-down arrow next to either File or Image, then select Manage

  4. Locate the content you want to delete by searching for it by name. You can also filter by Published status, or navigate between media types/search all media types using the Type drop-down menu. 

  5. Select the checkbox next to the media you want to delete from the site. From the Action drop-down menu, select Delete media.  

  6. Select Apply to selected items.  

  7. Select Delete.