Understanding the Media Library
You can locate the media library from every page of content that you create on your site and you can also locate the full media library list by navigating to the "Content" button and when you hover over the "Media" button you will see the "Media Library" button within that dropdown.
The Media Library is where all of the document files, url embeds and images are held that have been uploaded onto the site.
This is the current list of media items that are available to upload into the media library:
- ArcGIS Visualization: Embed an ArcGIS map or app on a page easily, just providing the URL.
- Crowdiff: Embed a Crowdiff ID
- Data & Insights: Embed a Data & Insights widget.
- Document: A downloadable document, like a Microsoft Word file or PDF.
- Flickr: Embed a Flickr image or slideshow from a URL embed.
- Google Calendar: A Google Calendar from a embed URL.
- Google My Map: Embed a public Google my map embed URL.
- Image: An image to be used in your site.
- Power BI Visualization: Embed a Power BI visualization on a page using the visualization URL or embed code.
- Qualtrics: Embed a Qualtrics embed from a URL
- Remote Video: An embedded remote video from a site like YouTube or Vimeo.
- Tableau Visualization: Embed a Tableau visualization on a page easily, just providing the visualization URL.
Image Alt Text Location
The media library is also where you can easily locate and review the alt text for your images to make sure they follow accessibility guidelines. This is also where you can edit your media item name or update an old image file to be replaced with a new image file.
Special Note on Media Library Image Sizes
If you are planning to place images in the hero they will need to be a minimum of 1440 x 604 but ideally to scale for retina we like to double the size 2880px (wide).
Our rule of thumb is the image should always be equal or bigger to the size it will be displayed.
We are trying to keep all images on the site to a 4:3 ratio, but the hero is a bit more custom. We have allowed for uploads of source image at up to 100MB with the focal point to be determined at the Media Library level. If you are planning to use them elsewhere i.e. promos, they should work fine in terms of size. So try to keep everything to a minimum of 1440px for width.
Images used as the feature on basic pages, promos, and visual link collections follow the 4:3 ratio, meaning that for every 4 pixels of width there should be 3 pixels of height. To calculate the image ratio: Take the height of your image and multiply it by 4/3 to compute the width; or. Take the width of your image and multiply it by 3/4 to compute the height. source: https://www.omnicalculator.com/other/4-3-aspect-ratio
If you need to adjust your image size and do not have Adobe Photoshop you can use one of these free online tools:
Log in to Your Site
You can login to your site from login.iowa.gov
Each person on your agency team has a specific user role for the website. These roles set permissions. They control who can edit, review, and publish content. You can ask for a role change or remove a role. Just submit a ServiceNow support ticket if you need help.
How to find the Media Library
You can easily find the media library by hovering over Content in the top left corner, then over Media, and select Media library.
How to Update Alt Text for Images
You can easily update the alt text of the media images that you uploaded onto your site by navigating to the media library and then within the search filter media type section you can select "Images" and this will bring up all of the images on your site.
When you select the edit button this will bring up the media item edit section which is where you can now review that images alt text, title of the media item or you can update the actual image file if you want to replace it with a new updated version. Once you are done all you have to do is select save.
Special Reminder: Alt-text is ordinarily set as decorative if the information in the image is redundant. If the meaning and purpose of an image is already covered within the text that image is embedded in, then there is no need to make screen reader users listen to the same information twice.
How to add Media to a Basic Page
To add the media image that you uploaded into your media library, into a basic page, you'll use the "insert media" within your WYSIWIG toolbar.
Once you select that you can then scroll down to search and view the media items that you currently have within your image library.
You can also add new media items to your media library and page all at once.
Once you click on the "Insert selected" your image will embed onto your page
How to Find Media from a URL
If you have the media file URL but you don't have the name of the media item to find it within the media library then a simple trick is to go to the media url and then select "/download?inline"
and then replace it with "/edit" then press enter so that it will now take you to the page where that media item edit page which is where you can find the media item name which is what you can now use to easily locate it within the library.