Media Library in OzSpeed hPanel: Managing Your Website’s Media

The Media Library in OzSpeed’s hPanel is a centralized hub for all your website’s media files, including images, videos, documents, and audio files. This tool allows you to easily upload, organize, edit, and insert media into your website, making content management more efficient. Here’s a comprehensive guide on how to use the Media Library effectively.

---

Step 1: Access the Media Library #

1. Log in to your hPanel Dashboard at ozspeed.com.au.
2. Click on My Websites and select the website you want to manage.
3. Go to Files > Media Library.

Tip: #

• You can also access the Media Library directly through the Website Builder or CMS Editor (e.g., WordPress).

---

Step 2: Upload Media Files #

You can upload various types of media files, including JPEG, PNG, GIF, MP4, PDF, and MP3.

How to Upload Media: #

1. Click “Upload Media” in the Media Library.
2. Drag and drop your files into the upload area, or click Browse Files to select them from your computer.
3. Wait for the upload to complete. You will see a confirmation message once the files are successfully uploaded.

Tip: #

• For faster uploads, use compressed file formats (e.g., JPEG for images, MP4 for videos).

---

Step 3: Organize Your Media Files #

Keeping your media files organized helps you find and manage them easily.

How to Organize Files: #

1. Use Folders: Click “Create Folder” to add new folders for different categories (e.g., Images, Videos, Documents).
2. Move Files: Drag and drop files into the appropriate folder for better organization.
3. Search and Filter: Use the search bar or filter options (e.g., Images, Videos, Documents) to quickly locate specific files.

Tip: #

• Use clear and descriptive file names (e.g., product-image.jpg instead of IMG123.jpg) for better organization.

---

Step 4: Edit Media Files #

The Media Library includes basic editing tools for images, allowing you to make quick adjustments without needing additional software.

How to Edit Images: #

1. Click on an image file to open the Edit panel.
2. Use the available tools to:
   • Crop: Adjust the size and aspect ratio of the image.
   • Rotate: Change the orientation of the image.
   • Resize: Adjust the dimensions for better loading speed.
   • Apply Filters: Add basic filters to enhance the image’s appearance.
3. Click Save to apply your changes.

Tip: #

• Always keep a backup of the original file before making edits, in case you need to revert.

---

Step 5: Insert Media into Your Website #

Once your media files are uploaded and organized, you can easily add them to your website content.

Using the Website Builder: #

1. In the Website Builder, click on the section where you want to add media (e.g., Image Block, Gallery, Video Section).
2. Click “Add Media” and choose the file from the Media Library.
3. Adjust the size, alignment, and other settings as needed.
4. Click Save to apply the changes.

Using a CMS (e.g., WordPress): #

1. Open the page or post editor in WordPress.
2. Click Add Media and select the file from the Media Library.
3. Click Insert into Post to add the media to your content.

Tip: #

• Use Alt Text for images to improve accessibility and SEO.

---

Step 6: Optimize Media for Performance #

Large media files can slow down your website’s loading speed, affecting user experience and SEO. Use the optimization tools in hPanel to compress and resize files.

How to Optimize Media: #

1. Go to Performance > Image Optimizer in hPanel.
2. Click “Optimize All Images” to automatically compress and resize your media files.
3. Review the optimization report for any suggestions on further improvements.

Tip: #

• Aim for an image size of less than 500KB for faster loading times.

---

Step 7: Delete Unused Media Files #

Regularly clean up your Media Library by deleting unused files to free up storage and keep your website efficient.

How to Delete Files: #

1. Select the files you want to remove by clicking the checkbox next to each file.
2. Click “Delete” and confirm the action.
3. Empty the Trash folder to permanently delete the files.

Tip: #

• Use the Unused Media filter to quickly identify files that are not being used on your website.

---

Troubleshooting Tips #

1. File Upload Error:
   • Check the file size and format. Ensure it meets the upload requirements (e.g., max size of 50MB).
   • If the issue persists, clear your browser cache and try again.
2. Media Not Displaying on Website:
   • Verify that the file was properly uploaded and inserted into the content.
   • Clear the website cache in hPanel to refresh the media display.
3. Slow Loading Media Files:
   • Use the Image Optimizer tool in hPanel to compress large files.
   • Consider using a CDN like Cloudflare for faster media delivery.

---

Additional Tips: #

• Enable Lazy Loading: Use lazy loading to defer loading of off-screen images until they are needed, improving page speed.
• Use Descriptive Alt Text: Add alt text to all images for better accessibility and SEO ranking.
• Regularly Review Media: Periodically check your Media Library for outdated or unnecessary files and remove them.