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
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.
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:
- Click on the “Media Library“
- Click on “Show” next to the image you want to insert again
Image Options (Inserting)
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.
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
Size: the size your inserted image will use. Thumbnail, Medium, and Large are automatically created for you by WordPress.
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)
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/