Adding Images

Upload Image Icon

While editing a Post/Page make sure your cursor is at the beginning of the paragraph where you want the image to be placed.  Once positioned, click on the Add Media icon as shown to the right

Add an ImageAfter you click on the Add Media icon you will see the following screen image to the right:

Note: If an image is already uploaded to your Media Library do not upload another copy.  This will cause duplication and a waste of web space.  An image may be used several times in different places in your site.

 

Select an Image

To upload an image from your computer:

  • Make sure the From Computer tab is chosen
  • Click on the  Select Files button
  • An explorer window will open for you to
    locate the image you want to on your computer
  • Select the image you want
  • The Image Options Screen will appear (see below)

 

Select an already uploaded image from the Media Library:

Image Library ListingIf the image has been uploaded previously:

  • Click on the “Media Library“
  • Click on “Show” next to the image you want to insert again

 

 

Image Options (Inserting)

Image Information Dialog BoxA  Title: this is the title that will be seen when your viewers hover over the image and by you in your media library; use a good name, as it helps for organization

B  Alternate Text: the text that appears when someone hovers over the image, or what text is shown if the user cannot see images. All images need to have “Alternate Text” for accessibility standards

  Link URL: Click on File URL if you want the image to open in full size view.
Add a different address if you want the image to link through to a different page.

C  Alignment: how the image will be positioned relative to the nearest paragraph.

  • Left and Right will wrap text around the image
  • Center will place the image in the center of the page above the text

D Size: the size your inserted image will use. Thumbnail, Medium, and Large are automatically created for you by WordPress.

E Use as featured image: Click to add this image as a Featured Image for the current post or page (useful for Featured Content, and Posts)

E  Insert into Post: will insert the image (with the above settings) into your post

 

Best practices for image uploads

When choosing images for the Web site, make sure they are Optimized for the Web.  Optimizing for the Web means that you make the image file as small as possible by cropping out the unnecessary edges via the use of a Photo Editor, and shrink the file. For simple file size compression we strongly recommend using SmushIt .  Another good program to use for cropping and/or resizing is Microsoft Office Picture Manager.

Check out this Post for more information about resizing images for the web. http://webservices.ahc.ufl.edu/2011/09/16/image-size/