Insert Images

  • Put your cursor in the place you want to insert the image.
  • Click the button
  •  In the first window of the pop-up you can upload a new image.
    Note the allowed file types and size:  jpg jpeg gif png and 2MB.

    • JPG is the preferred file type. Drupal will optimize jpg files but you will need to optimize other file types before  you upload them. Learn more about JPG vs. PNG.
    • 2 MB is way too large for images. This value is set because it is also the maximum file size for pdf documents.
  • You must optimize your images for the Web.
  • Be sure to only upload an image one time. You can use the same image at different places in different sizes.
  • Be sure to make your file names unique, meaningful and appropriate for computing. Trying to upload a file with the same name as one that already exists will cause problems.
    Screen shot of the Media pop-up window
  • Alternately, you may use the tabs in the top right to use an image that’s already been uploaded.
    • Library will show all media that has been uploaded.
    • My Files will show you only the images that you have uploaded.
    • To help you find the media you need you can filter it by file name and media type and you can sort ascending or descending by upload date or use count.
  • After you’ve uploaded or selected your image hit Next or Submit, respectively.
  • In the next pop-up
    Screenshot of the second window in the Media button pop up.
    You  must select your “Display as” Options. The options in the drop-down are primarily sizes that are a proportion of your content area and help maintain the design grid and consistency of the layout. View the minimum width image dimensions here.  If your image is bigger than the size you select your image will be resized.

    • If you are working in the Sidebar content field, use the “Display as” options designated for the Sidebar: Sidebar or Sidebar_Half_Width.
  • You must enter your “Alt Text” for every image you use. Tips for alternate text.
  • Click Submit and your image will be inserted.

Follow these instructions to float images to the right or left of content.