How to Properly Insert Images to Pages, Emails, and Announcements in ComWeb Sites

How to Properly Insert Images to Pages, Emails, and Announcements in ComWeb Sites

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!
    • Related Articles

    • How to Send Emails/Eblasts to Members of your Community

      This article will cover steps to create an eblast communication. You must be logged in using an administrative account in order to perform these steps.  Before an eblast can be sent, the following must be formatted Email Sender (Click here to ...
    • Accessing your Domain Email Hosted by ComWeb

      This article will cover all of the different ways you can access or configure your new domain email hosted by ComWeb.  First, some basic definitions Email User Account - This is a "real" email account. You can send and receive emails from this ...
    • Posting Messages on the Forums

      Your Message Boards allow you to format messages and add images. This article will cover the proper way to post messages and how to include images. The message board software has been upgraded to allow better formatting flexibility and the attachment ...
    • How to set up TOPS[ONE] for ComWeb

      For ComWeb to access your TOPS[ONE] data, you'll need to enable access and email us at least one of the API Codes.  To do this, please follow the directions below. See images for reference. **If you have previously shared an API Code to ComWeb, you ...
    • ComWeb Terms of Use

      Web Site Terms and Conditions of Use 1. Terms By accessing this web site, you are agreeing to be bound by these web site Terms and Conditions of Use, all applicable laws and regulations, and agree that you are responsible for compliance with any ...