Images, Video and Documents
On this page
About the Media library
All images, videos and documents (PDFs, Microsoft Word, and other files) are stored in your site’s Media Library. Access the Media Library by clicking the Media link on the far left side of the screen when you are logged into Drupal.
Use the Media Library to:
Add an image, video or document
Edit the name, description or other info for any images, video or documents
Replace the uploaded file with a new one
Example: A new version of a report is published or a staff member gets a new headshot. Changing any of this information will automatically update across your site anywhere that image, video or document is used.
Learn how to add media to the media library
Watch: How to add media to the Media Library
See how to add images, video and documents to your site.
Images and Photography
Customize your site with images and photography using many of the Page Components and Page Types included in the Maryland Drupal CMS.
Using images on your site is a great way to express your agency’s goals, values, and messaging. Select images that support and add value to the goal of the page. Specific and high quality images enhance content. Generic or low resolution images distract from content.
Tips:
- Use jpg, jpeg, png, gif,or webp image formats.
- Upload an image no larger than 100 MB.
- Choose the focal point of an image after uploading. Drupal will crop an image to the proper dimensions for each component. Setting a focal point will ensure that the most important part of an image is always shown, no matter where it’s used.
- Include an optional caption or credit.
Learn more about accessible images
Featured Image sizes
The featured Image appears at the top of the Landing Page or Basic Page.
Page Type | Orientation | Aspect Ratio | Pixel dimensions |
|---|---|---|---|
Portrait | 18:17 | 540x510 px | |
Portrait | 3:4 | 298x397 px |
Page Component image sizes
Each of the following Page Components have dedicated fields for including images across your site. You can also add images within a block of text using the Text Editor.
Page component | Orientation | Aspect Ratio | Pixel dimensions |
|---|---|---|---|
Circle | 1:1 | 240x240 px | |
Portrait | 3:4 | 510x680 px | |
Landscape | 4:3 | 380x290 px |
Video
Add video to your site using the Video Promo or using the Text Editor.
Tips:
- Videos must be hosted on YouTube or Vimeo.
- Include an optional caption or credit
Documents
After pages, documents may be the most commonly used content on your site. Documents can be added to your site using the Text Editor, Automatic List, or on a Listing Page.
Tips:
- Use txt, rtf, doc, docx, ppt, pptx, xls, xlsx, pdf, odf, odg, odp, ods, odt, fodt, fods, fodp, fodg, key, numbers, or pages file formats.
- Upload a document no larger than 100 MB.
- Choose a name that is easily read and understood. Include a year or date if the document is date-specific.
- Write a brief summary of the file to be used in search results.
For more information on PDFs, read the MDDS Accessibility Guidelines.
Next up: Alerts
Learn how to use alerts on your website.