Emerson IT Help Desk

Optimizing images for WordPress

As the quality of photographs taken by smartphones increases, so too does the raw size of the file. In order to ensure that visitors to your website have the best experience possible, it’s essential to optimize your photographs and digital graphics for the web.

The two most important things to address when using images in your word.emerson content are:

  • Image file size: the amount of storage space your image takes.
    • All sites on word.emerson live on the same server and thus have to share the storage space available.
    • Word.emerson sites are limited to a total of 2,000 MB of storage space.
    • Individual file uploads cannot exceed 2MB in size.
  • Image dimensions: the height and width of your image, i.e. the amount of space on the screen your image takes up.
    • If your image is larger, the computer will attempt to crop it down, which may result in the loss of important visual information, such as cutting a person’s face out of the photo.
    • Most themes that make use of the “featured image” option for posts will attempt to fit whatever image you choose into the dimensions required for the theme.
    • Editing your image’s dimensions yourself will allow you to make sure that the image and post work together to convey the information that you want them to.

Below we’ve compiled a list of guides and links to tools to help you optimize your images. Some links are Lynda.com videos, which are free for members of the Emerson community. See “Using lynda.com for more information.

Please note: most links will take you out of Emerson websites.

General image optimization


WordPress

If your image’s file size is less than 2MB, you can do basic editing within WordPress.


Preview (Mac OS Only)

Preview is the built-in document and image tool for Apple Mac OS computers. 


Adobe Creative Cloud

Adobe CC is provided free to Emerson faculty, staff, and full-time students for their personal machines, as well as being available on lab computers around campus. If you don't already have Adobe CC installed on your machine, the following guides can help:

Photoshop

Illustrator

Bridge


Web-based tools

Editors

  • PIXLR (Also available as a mobile app)

Image compressors

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk