Media library
Every file the site uses,in one place.
Images, video, documents and fonts live in the project's media library, with their names, tags, ALT text and details beside them. Upload your own, generate an image with AI, or pull royalty-free stock from five sources — and pick any of it from wherever an image is needed.
What goes in,
and how.
The library takes images, video, PDF, DOC and DOCX, and fonts in TTF, OTF, WOFF and WOFF2. Upload by dragging files onto the window; there is no dialog to click through for each one.
All files are listed together with search and sorting, so the logo from last spring is found by typing "logo" rather than by remembering which folder somebody invented.
Uploading the same photograph twice happens to everyone. Remove duplicates finds the copies and clears them, and every file shows its MD5 checksum, so two files with different names can be compared for what they actually are.
- 1Previewimage/jpeg · 2.1 MB · 2400 × 1600
- 2Name and filenameWorkshop, front door · workshop-front.jpg
- 3Tagsworkshop, exterior, contact page
- 4ALT and TITLE"Open door of the joinery workshop on a sunny morning"
- ·EXIFCamera, lens, date taken — worth checking before a photo goes public.
- 5MD5Checksum shown — a copy is a copy under any name.
Invented fileEvery detail editable
When you have no photograph
Generate one,
or borrow one properly.
Generate images with AI
Describe the image in a prompt, look at the result, and add it to the library if it is right. It then behaves like any uploaded file: named, tagged, given ALT text, picked from anywhere.
Royalty-free stock
Browse Pixabay, Unsplash, Pexels, Openverse and Wikimedia Commons from inside the editor and add a picture to the library in one click, without a browser tab per site and a downloads folder full of IMG_4471(2).jpg.
Choose the picture once.
Find it again in a second.
The details that make a file usable.
Open any file and it shows a preview with its MIME type, size and dimensions, and the fields that decide how it behaves on a page: a name for people, a filename for the address, tags for finding it, ALT text for screen readers and search engines, and a TITLE.
ALT text is set on the file, so it travels with the image into every block that uses it. Write it once, well, and the tenth page that shows the photograph describes it as properly as the first. That is an accessibility requirement more than a nicety — see Accessibility.
EXIF data is shown too: the camera's record of when, how and sometimes where a photograph was taken. Useful when you want to know which of two similar shots is newer, and worth a look before publishing a picture taken at somebody's home.
And a file that is no longer needed can be removed from the same window.
Where the library turns up
Pickers,
wherever an image is needed.
You rarely open the library on purpose. It opens itself, as a picker, at the moment something needs a file.
Blocks
Image fields in a block's settings form open a media picker, so a hero image is chosen, not pasted as an address.
Datasets
The image, media file and media video field types pick from the same library, so product photos and course covers live with everything else.
OpenGraph images
The project's default share image and each page's own come from the library or a URL — the picture people see when a link is posted.
Favicons
Project icons: a 16×16 .ico and a 64×64 .png, the small marks that sit in browser tabs and bookmarks.
Fonts
TTF, OTF, WOFF and WOFF2 files are kept in the library beside the images, not in a folder somebody has to remember.
Menus
A menu element can carry an image or icon of its own, next to its title and link.
Why one library,
and not a folder per page.
Sites decay through their files first. The same logo in four sizes, three of them out of date; a photo of a person who left two years ago, used on a page nobody remembers; an image with no ALT text because it was uploaded in a hurry inside a single block. One library with search, tags and duplicate removal is the unexciting cure for all three.
A small confession on everyone's behalf: "image1.jpg" is not a name, and "photo" is not ALT text. The fields are right there. Future you, searching the library at half past five on a Friday, will be grateful.
Every window,
one website.
Open the editor and arrange them the way the job needs.
Open castomUI See pricing