The Media Library stores assets like images and videos. Different products have different limitations on the files that can be used in them.

TABLE OF CONTENTS

• What is a File and Why a Media Library?
  • Media Library Details
  • Per-product File Limits

What is a File and Why a Media Library?

Files are data sets that are formatted in a special way and given a specific file extension (ex: .png or .pdf or .txt). Any product that can use a file will have a limit on the types of files it knows how to read and the size of the files it can read.

A webpage builder might know how to use a .png file but not an .svg and it might be able to process a 1MB file but not a 1GB file. The file extension is usually easy to see, but the file size is sometimes hard to see.

Additionally, even if the product can incorporate the file, there might be design reasons to limit the file’s display size. For example, a logo displayed at 50px by 200px fits into a header well, but a logo displayed at 500px by 500px is way too big. 

On top of that, the file’s native resolution might not be a good fit for the display size, like if the file is only 16px by 16px (an icon) and the webpage is trying to display it at 500px by 500px. It will look very pixelated, not sharp. Unless it’s a .svg, in which case it doesn’t have a native resolution (because it’s drawn with math instead of pixels) so it can be displayed at any size.

As if that wasn’t enough, when a file is displayed its dimensions might not be a perfect fit for the area it’s put into. In that case there are style options to make it justified left, right, or center, and there are settings to address the whitespace like stretching it, tiling it, cropping it, etc. These are not part of the file itself, they’re style settings that modify how the file is displayed, but different file details work better with different display options. 

This is why HighLevel has a Media Library; once you start managing file assets you have to deal with a significant amount of complexity. 

Media Library Details

Get to the Media Library and preview files by navigating to Media Storage > Folder/File.

• Filename: This is the string that identifies the file. This has to be different from all other filenames.
• File Extension: This is the shorter string at the end of the filename (ex: .png). This identifies how the data is encoded so that products can read the file.
• Publication Date: The date the file was added to the Media Library.
• File Size: This is how much memory the file takes up. You will often see kb (kilobytes), mb (megabytes, and gb (gigabytes). Each is a thousand (1,000x) times bigger than the last.
• Dimensions: This is the number of pixels high and wide the file is natively. This tells you how much of the screen the file will take up if you don’t squish or stretch it.

Per-product File Limits

Files can be uploaded through Forms by creating a Custom Value of type File Upload.