For web based media, there is a correct and an incorrect way to insert images. The following article will show you how to properly insert images to your web pages, eblast communications, and announcements in ComWeb sites.
**DO NOT Copy & Paste images into the editor**
This creates what is know as a Base 64 image and is a big mess in the HTML code base that will cause issues with your web page rendering, or cause your emails to be rejected as SPAM.
Images in Web-Based media must have a "home" where the image is stored and loads from. We've made this process very easy. It can all be done from the HTML editor in any of the areas you would create content.
While creating content click the "Image Manager" button. It looks like a little purple mountain with a red sun.
This will open a pop-up window where your images are being stored.
You'll notice the pop-up is split into 3 columns.
- The left column contains a folder tree you are welcome to build upon to help you keep your images organized.
- The middle column displays the contents of your selected folder
- The rigth column displays your selected image.
Click the New Folder button to create a new folder. Select the parent folder before doing this.
Upload new images by clicking the "+Upload" button. Select the destination folder before doing this.
This will open a pop-up. Select the files from your computer. Allow the files to upload completely, then click the "Upload" button to save your new image(s).
Once you have selected the image you would like to place, click the insert button towards the bottom-right of the image manager pop-up window.
If you would like to adjust the image size, right-click on your newly inserted image and select "Properties..."
You can adjust the width & height from here. Click "OK" to save the changes.
**Note that this does not effect the size of the parent image, just the size the image as it is displayed on this particular page/email/announcement. If your image is very large, you may want to re-size the image before uploading to reduce the length of time it takes the page to load or render the image. The larger the image file, the longer it will take the page to finish loading, regardless of how to adjust the properties of the image on an individual page.
Don't forget to Save and Publish your work!