Optimising Media Files and Handling Media Limits in Umbraco
This guide will help you efficiently optimise media files and manage media limits in Umbraco, ensuring your site runs smoothly and efficiently.
Compatibility: This guide is compatible with Umbraco versions 12, 13, and 14.
Have you ever needed to optimise media files to enhance site performance or manage file size limits in Umbraco? Don’t worry—optimising media and handling limits is straightforward with the right steps. Follow this guide to keep your media library in top shape and ensure your site loads quickly.
Optimising Media Files
Log in to your Umbraco Dashboard and navigate to the Media section on the top navigation menu, where your files are stored.
Upload or Select Media: If you’re adding new files, upload them as usual. For existing files, select the media item you want to optimise.
Check File Size and Format: Navigate to the media item details by selecting the name of the file to reveal the details.
Tip: For images, it's best to use formats like SVG for icons and illustrations, and optimise raster images (PNG, JPEG, WebP) to reduce file size without compromising quality.
Use Image Optimisation Tools: Tools such as image compression software can help reduce file sizes. Ensure the images maintain quality while being smaller in size.
Tip: There are a multitude of Online tools, Desktop applications and Plugins and extensions that can optimise your images, reducing file sizes and improve your website performance. Some examples are: TinyPNG, Compressor.io, Adobe Photoshop, GIMP, Imagify and Photopea.
At Appcentric, we make image optimisation a top priority, ensuring that both our clients and their users experience faster, more efficient access to the CMS front end.
Handling Media Limits
-
Check Media Limits: If you encounter errors during upload, consult your developer or hosting provider to understand the media size limits for your Umbraco instance.
-
Monitor and Manage File Sizes: Keep an eye on your media library for large files. Regularly optimise and replace large files to stay within size limits and improve site performance.
-
Organise Your Media Library: 💡 Tip: Create folders and organise media items to keep your library manageable and make finding files easier.
-
Adjust Media Settings: For each media item, you can view details such as width, height, size, and type. Ensure these settings are aligned with your media optimisation goals.
By following these steps, you can effectively optimise your media files and manage limits, keeping your Umbraco site efficient and fast-loading.
