Refer to the CMS Image Sizes web page for specific dimensions before preparing and uploading images. Remember to name all image files using lowercase letters and/or numbers separated by hyphens only. Do not use special characters. For example: feature-commencement.jpg
- Open the image in Photoshop, or a similar image-editing program.
- i.e. Canva, Mac Preview, Windows QuickLook
- Change the image’s resolution to be 72 ppi.
- Crop the image to the correct dimensions.
- Save the image as a JPG, JPEG, or PNG using "Save for Web" for optimization.
- Adjust the quality slider and aim to reduce the image’s file size while maintaining graphic quality.
- Upload all images to the site's images folder prior to inserting them into a Snippet.
- Save your changes.
- Click Publish.
Refer to the Snippets web page for instructions on inserting images into snippets.
Upload Images (Updated Process as of September 2022)
Binary Management is a subset of dependency manager that keeps track of binary files (images and documents). A binary file is assigned a tag that is used when you insert an image onto a page or link to a file. Once uploaded, these files display on Staging like your .pcf files and you need to publish them to either Test or Production.
Prior to the September 2022 upgrade, if you uploaded a file while on Staging, that file automatically went to Production. As we are starting fresh with Binary Management, the new process requires you to upload to Staging and then publish to Test or Production.
To view/select images uploaded prior to the Septemeber 2022 upgrade, you will still need to click over to Test or Production. Those images will not have a tag number associated with them.
Images should be uploaded to the unit's specific images folder — either the unit's root folder (i.e. /images/business) or a folder within the unit's root folder (i.e. /images/business/contacts). Images should not be uploaded to the root images folder — images uploaded here will be deleted quarterly.
- From the top directory, click on the images folder. Click on your unit’s folder. Please note: On newer sites, the images folder will be within the site folder.
- From Staging, drag and drop files onto the browser window or click the Upload button.
- If using the Upload button, click Add Files to browse to the image(s) you would like to upload or drag and drop the file(s) from your computer onto the Upload window.
- Click Start Upload. Images will appear and function as .pcf files in Staging.*
- Once the file is uploaded, publish the file to Test and/or Production based on your needs.
- *Please note: This is an updated process. To view/select images uploaded prior to the Septemeber 2022 upgrade, you will still need to click over to Test or Production. Those images will not have a tag number associated with them.
- All images placed on a CMS web page must be put inside an Image Snippet.
Recycle, Delete, or Restore Images
Please reference our Recycling, Deleting, and Restoring Files web page for more information.
Frequently Asked Questions (FAQs)
New images that have been uploaded, but not published, will not show up on the screen
after you have saved your .pcf file. This is because the CMS defaults to viewing a
preview of what the page will look like on Production.
Make sure you publish your image(s) before you start to edit (recommended).
Once you save your file, click "Preview" and select "Staging" from the upper right dropdown menu. Keep in mind that you will still need to publish your image(s) or they won't show up on your website. Publishing your text page does not automatically publish your image(s).