Images

Our installation of WordPress allows users to upload these types of image files: .JPG, .JPEG, .PNG, .GIF.

This page contains info on editing images, creating galleries, using featured images and when to use image URLs (vs. storing images in your media library).

Editing/Scaling Images

When a single image is uploaded into your WordPress media library it is automatically defaulted into various sizes you can use (thumbnail, medium, full size, etc.) with respect to the theme you are using. You can also choose a custom size but these options do not always hold the image resolution.

Uploading high resolution images to your website is always preferred to make your sites attractive to the viewer. However, on most occasions, high resolution images tend to be large images that need to be scaled down to fit properly on a page in your site. There are two easy options you can choose from to edit/scale these images while also keeping the high resolution.

  1. Large images can be edited/scaled using any number of photo editing applications including those that come bundled with Mac and Windows as well as various free online editors like pixlr.com.  Be sure to save with a new file name so you don’t lose the original file and upload this new file into your media library.
  2. WordPress has its own image editor to allow you to edit single images (crop, rotate, scale, etc.) that are uploaded in your media library.
    • To access the image editor, go to your media library and choose any image. Then click on “Edit Image.”

image editor tools

  • To crop the image, simply click and drag to make your selection. Then click the crop button (far left).
  • To rotate the image, click on the rotate buttons (second and third from the left).
  • To flip the image, click on the flip buttons (fourth and fifth from the left).
  • To undo/redo your changes, click the arrow buttons (far right).

Don’t forget to Save your changes!!

 

 

image editor preferences

  • The scale image option is the best way to resize your large image into a smaller image without losing resolution. This tool only allows you to scale images down into smaller dimensions than the original dimensions. Once you have chosen your dimensions and clicked “Scale,” it will automatically save the image. If you realize you don’t like the size, you will be able to restore the original version of the image.

 

  • The image crop preference will allow you to change the aspect ratio of your crop selection. Click on the question mark to find more detailed information on what this tool can be used for.

 

  • The thumbnail setting displays your current square thumbnail. When editing your image you can choose to keep the current thumbnail, change only the thumbnail, or change all image sizes.

 

**Note: Using any of these editing options will overwrite the original image with the new (edited) image in your media library. If you are looking to have multiple sizes of the same image, simply upload the original image again and repeat the editing process or use the default image sizes provided by the theme.

 

 


 

Creating Galleries

Being able to create galleries is a great function in WordPress for you to easily display multiple images from your media library on your site. The images will be displayed in a neat, simple grid depending on the number of columns you set it to. Do not use any slideshow to convey important information as they are difficult to navigate with technology designed to allow low vision and blind users to use your site (more information on accessibility).  To access this option follow these steps:

  1. Go into the visual editor for any post or page
  2. Click “Add Media” above the visual editor toolbar
  3. Choose the “Create Gallery” option on the left
  4. Choose as many images from your library as you want then click “Create”
  5. Set your gallery preferences, then insert the gallery into the page

 

Featured Images

Featured images can be assigned for any page or post. A featured image is set by default at the top of any page or post. The featured image option is usually located in the bottom right of any page/post editor.

For certain widgets (i.e. Post Loop), it looks nice to set up a featured image with your posts so the widget can display the featured picture along with the preview of the post on any page you put the widget on.


 

Using an Image URL vs. Media Library

You can insert an image on a page using the image URL insertion found in the “insert media” screen.

insert from URL screenshot

“Insert Media” screen

or sometimes a widget you chose to use may ask for an image URL.

image URL screenshot

image URL option in a widget

However, it is recommended to upload media directly into your media library as much as possible. 

When using image URL’s, the image is being hosted by the outside party’s server you obtained it from. If that picture is ever modified or taken down, the image on your site will either undergo the same modifications or can be deleted completely without your consent. Whereas, by uploading the image to the media library first then using it in your site, the user has complete control over the properties of the image and it can’t be deleted from the media library unless the user decides to.